a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

@font-face {
    font-family: SmartisanIconFont;
    src: url(../font/SmartisanIconFont.eot);
    src: url(../font/SmartisanIconFont.eot?#iefix) format('embedded-opentype'),url(../font/SmartisanIconFont.woff) format('woff'),url(../font/SmartisanIconFont.ttf) format('truetype'),url(../font/SmartisanIconFont.svg#open_sansregular) format('svg');
    font-weight: 300;
    font-style: normal
}

body {
    color: #666;
    font-family: åŽæ–‡é»‘ä½“,"Microsoft YaHei",å¾®è½¯é›…é»‘,STHei,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px
}

a {
    color: #5079d9;
    cursor: pointer;
    text-decoration: none;
}

a:hover {
    color: #406dd6
}

input,select {
    font-family: åŽæ–‡é»‘ä½“,"Microsoft YaHei",å¾®è½¯é›…é»‘,STHei,"Helvetica Neue",Helvetica,Arial,sans-serif
}

input:focus {
    outline: 0
}

.hide {
    display: none!important
}

.positionHide {
    position: absolute;
    top: -9999px
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.smartisan-icon {
    display: inline-block;
    font-family: SmartisanIconFont;
    vertical-align: middle
}

.smartisan-icon.start-left:before {
    content: "A"
}

.smartisan-icon.end-right:before {
    content: "B"
}

.smartisan-icon.gt:before {
    content: "C"
}

.smartisan-icon.gt-after:after {
    content: "C"
}

.smartisan-icon.sort:before {
    content: "D"
}

.smartisan-icon.times:before {
    content: "E"
}

.smartisan-icon.plus:before {
    content: "F"
}

.smartisan-icon.minus:before {
    content: "G"
}

.smartisan-icon.check:before {
    content: "H"
}

.smartisan-icon.star:before {
    content: "I"
}

.smartisan-icon.minus-circle:before {
    content: "J"
}

.smartisan-icon.minus-circle:before {
    content: "K"
}

.smartisan-icon.info-circle:before {
    content: "L"
}

.smartisan-icon.info-circle:before {
    content: "M"
}

.smartisan-icon.info-circle:before {
    content: "N"
}

.smartisan-icon.chevron-up:before {
    content: "O"
}

.smartisan-icon.chevron-down:before {
    content: "P"
}

.smartisan-icon.caret-down:before {
    content: "Q"
}

.dialog-shadow,.v2 .bbs .dialog-shadow,.v2 .dialog-shadow {
    -webkit-box-shadow: 0 9px 30px -6px rgba(0,0,0,.2),0 18px 20px -10px rgba(0,0,0,.04),0 18px 20px -10px rgba(0,0,0,.04),0 10px 20px -10px rgba(0,0,0,.04);
    -moz-box-shadow: 0 9px 30px -6px rgba(0,0,0,.2),0 18px 20px -10px rgba(0,0,0,.04),0 18px 20px -10px rgba(0,0,0,.04),0 10px 20px -10px rgba(0,0,0,.04);
    box-shadow: 0 9px 30px -6px rgba(0,0,0,.2),0 18px 20px -10px rgba(0,0,0,.04),0 18px 20px -10px rgba(0,0,0,.04),0 10px 20px -10px rgba(0,0,0,.04)
}

@media screen and (min-width: 737px),screen and (max-width:736px) and (min-device-width:737px) and (-webkit-max-device-pixel-ratio:1.9) {
    .bg-none {
        background:0 0!important
    }

    .wrapper {
        background: url(../img/con-bg_04f25dbf8e.jpg) repeat-x;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

    .loading {
        background: url(../img/loading-global_2bb70b803c.gif) no-repeat;
        background: -webkit-image-set(url(../img/loading-global_2bb70b803c.gif) 1x,url(../img/loading-global_2bb70b803c@2x.gif) 2x) no-repeat;
        display: none;
        height: 32px;
        margin-left: -16px;
        margin-top: -16px;
        padding: 0;
        width: 32px;
        position: fixed;
        top: 50%;
        left: 50%
    }

    .dialog {
        background: url(../img/dialog-gray-bg_42c40b3eb6.png) #fff bottom repeat-x;
        border-radius: 12px;
        display: none;
        margin: -163px 0 0 -218px;
        width: 436px;
        position: fixed;
        left: 50%;
        top: 50%
    }

    .dialog .title {
        background: url(../img/dialog-radius-top-bg_f21c89014d.png) repeat-x;
        border-radius: 13px 13px 0 0;
        height: 69px;
        overflow: hidden
    }

    .dialog .title h4 {
        border-bottom: #d1d1d1 solid 1px;
        box-shadow: 0 2px 6px #d1d1d1;
        color: #666;
        font-size: 20px;
        height: 61px;
        line-height: 61px;
        padding: 0 0 0 35px
    }

    .dialog .title .close {
        background: url(../img/ui-p_6b80ebe114.png) no-repeat -20px -21px;
        cursor: pointer;
        display: none;
        height: 16px;
        overflow: hidden;
        opacity: .618;
        width: 16px;
        position: absolute;
        right: 23px;
        top: 23px;
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear
    }

    .dialog .title .close:hover {
        opacity: 1
    }

    .bg-none .dialog .title .close {
        display: block
    }

    .dialog .content {
        padding: 30px 30px 15px
    }
}

@media screen and (max-width: 736px) and (max-device-width:736px),screen and (max-width:736px) and (-webkit-min-device-pixel-ratio:2.0) {
    body {
        background:0 0;
        font-family: "Microsoft YaHei",å¾®è½¯é›…é»‘,STHei,åŽæ–‡é»‘ä½“,"Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 16px
    }

    .wrapper {
        background: #FFF
    }

    .loading {
        background: url(../img/loading-white_eb7df7e5b9.gif) no-repeat;
        background-image: -webkit-image-set(url(../img/loading-white_eb7df7e5b9.gif) 1x,url(../img/loading-white_eb7df7e5b9@2x.gif) 2x);
        display: none;
        height: 18px;
        margin: -9px 0 0 -9px;
        padding: 20px;
        width: 18px;
        opacity: .5;
        position: fixed;
        top: 50%;
        left: 50%;
        z-index: 99
    }

    .dialog {
        margin: 0!important
    }

    .dialog .title {
        background: #272B2E url(../img/logo_debb624740.png) no-repeat center center;
        background-size: 33.3333333%;
        height: 47px
    }

    .dialog .title h4 {
        text-indent: -9999px
    }

    .dialog .content {
        padding: 60px 30px
    }
}

@media screen and (min-width: 737px),screen and (max-width:736px) and (min-device-width:737px) and (-webkit-max-device-pixel-ratio:1.9) {
    .input {
        background:#fff;
        box-shadow: 0 3px 5px -4px rgba(0,0,0,.4) inset,-1px 0 3px -2px rgba(0,0,0,.1) inset;
        border: #ccc solid 1px;
        border-radius: 6px;
        font-size: 18px;
        height: 46px;
        line-height: 46px;
        opacity: .618;
        position: relative;
        transition: opacity .3s ease-in;
        -moz-transition: opacity .3s ease-in;
        -webkit-transition: opacity .3s ease-in;
        -o-transition: opacity .3s ease-in
    }

    .input:hover {
        opacity: 1!important
    }

    .input.invalid {
        border-color: #d16d62!important;
        opacity: 1!important
    }

    .input.focus {
        border: 1px solid #6b93f2
    }

    .input .border-inner {
        border-radius: 10px;
        opacity: 0;
        position: absolute;
        top: -1px;
        bottom: -1px;
        left: -1px;
        right: -1px
    }

    .input.invalid .border-inner {
        border: 2px solid #D57272;
        opacity: 1
    }

    .input .icon {
        background: -webkit-linear-gradient(#f8f8f8,#fafafa);
        background: -moz-linear-gradient(#f8f8f8,#fafafa);
        background: -ms-linear-gradient(#f8f8f8,#fafafa);
        background: -o-linear-gradient(#f8f8f8,#fafafa);
        border-radius: 6px 0 0 6px;
        border-right: solid 1px #ccc;
        box-shadow: 1px 0 3px -1px rgba(0,0,0,.1);
        float: left;
        height: 46px;
        width: 46px;
        overflow: hidden
    }

    .input .icon i {
        background: url(../img/dialog-input-icons_e7e327a2b8.png) no-repeat;
        background-image: -webkit-image-set(url(../img/dialog-input-icons_e7e327a2b8.png) 1x,url(../img/dialog-input-icons_e7e327a2b8@2x.png) 2x);
        background-position: -1px 0;
        cursor: pointer;
        display: block;
        height: 46px;
        text-indent: -9999em;
        width: 46px
    }

    .input .placeholder {
        color: #bebebe;
        float: left;
        font-size: 16px;
        position: absolute;
        left: 62px;
        top: 0
    }

    .input:hover .placeholder {
        color: #adadad
    }

    .input input {
        background: rgba(255,255,255,0);
        background: url(../img/blank_56398e76be.gif) \9;
        border: none;
        color: #333;
        font-size: 16px;
        height: 34px;
        padding: 5px 15px;
        width: 290px;
        position: relative;
        z-index: 10
    }

    .input input[type=password] {
        width: 299px;
        height: 20px;
        padding: 12px 12px 12px 15px
    }

    .password-repeat input[type=password] {
        width: 347px
    }

    .input .warning {
        background: #d16d62;
        border-radius: 4px;
        color: #fff;
        display: none;
        font-size: 12px;
        font-weight: 400;
        height: 26px;
        line-height: 26px;
        margin: 10px 0 0;
        opacity: 0;
        padding: 0 10px;
        position: absolute;
        right: 10px;
        top: 0;
        z-index: 10
    }

    .input .success {
        background: url(../img/ui-p_6b80ebe114.png) 0 -50px no-repeat;
        height: 40px;
        display: none;
        width: 40px;
        opacity: 0;
        position: absolute;
        right: 10px;
        top: 0;
        z-index: 10
    }

    .checkbox {
        background: url(../img/checkbox_f49f6e4acf.png) 0 0 no-repeat;
        background-image: -webkit-image-set(url(../img/checkbox_f49f6e4acf.png) 1x,url(../img/checkbox_f49f6e4acf@2x.png) 2x);
        float: left;
        height: 20px;
        width: 20px;
        position: relative
    }

    .checkbox a {
        background: url(../img/checkbox_f49f6e4acf.png) no-repeat 0 -19px;
        background-image: -webkit-image-set(url(../img/checkbox_f49f6e4acf.png) 1x,url(../img/checkbox_f49f6e4acf@2x.png) 2x);
        display: none;
        height: 20px;
        width: 20px
    }

    .checkbox.checked a {
        display: block
    }

    .radio {
        border: #b7b7b7 solid 1px;
        border-radius: 35px;
        box-shadow: rgba(255,255,255,1) 0 2px 0 inset;
        cursor: pointer;
        display: inline-block;
        height: 15px;
        width: 15px;
        position: relative;
        top: 2px
    }

    .radio.checked a {
        background: #83a7ff;
        border-radius: 30px;
        height: 9px;
        width: 9px;
        position: absolute;
        top: 3px;
        left: 3px
    }

    .btn {
        border-radius: 6px;
        clear: both;
        cursor: pointer;
        height: 46px;
        line-height: 46px;
        margin: 0 0 12px;
        padding: 1px;
        -webkit-touch-callout: none;
        -moz-user-select: -moz-none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
        text-align: center;
        text-shadow: rgba(255,255,255,.496094) 0 1px 0
    }

    .btn.disabled {
        cursor: not-allowed;
        opacity: .4;
        pointer-events: none
    }

    .btn-primary {
        background: #6383c6;
        background: linear-gradient(#6383c6,#4262af)
    }

    .btn-default {
        background-color: #ccc;
        background-color: rgba(204,204,204,.618)
    }

    .btn-default:hover {
        background: #ccc
    }

    .btn a {
        border: none;
        border-radius: 6px;
        cursor: pointer;
        display: block;
        font-size: 18px
    }

    .btn.disabled a {
        cursor: not-allowed;
        pointer-events: none
    }

    .btn-primary a {
        background: #5f7ed7;
        background: linear-gradient(#6f97e5,#527ed9);
        box-shadow: inset 0 1px 2px #7ea1e8;
        color: #fff;
        text-shadow: #4f70b3 0 -1px 0
    }

    .btn-default a {
        background: #ececec;
        background: -webkit-linear-gradient(#fafafa,#f5f5f5);
        background: -moz-linear-gradient(#fafafa,#f5f5f5);
        background: -ms-linear-gradient(#fafafa,#f5f5f5);
        background: -o-linear-gradient(#fafafa,#f5f5f5);
        background: linear-gradient(#fafafa,#f5f5f5);
        box-shadow: inset 0 1px rgba(256,256,256,.3);
        color: #666;
        text-shadow: #fff 0 1px 0;
        transition: background-color .3s ease
    }

    .btn-primary a:hover {
        box-shadow: inset 0 1px 1px #7696de,inset 0 0 2px #627dca,inset 0 -2px 3px #5a77c7,inset 0 0 100px rgba(48,77,147,.4)
    }

    .btn-default a:hover {
        box-shadow: inset 0 1px rgba(256,256,256,.3);
        background: -webkit-linear-gradient(#fafafa,#e1e1e1);
        background: -moz-linear-gradient(#fafafa,#e1e1e1);
        background: -ms-linear-gradient(#fafafa,#e1e1e1);
        background: -o-linear-gradient(#fafafa,#e1e1e1);
        background: linear-gradient(#fafafa,#e1e1e1)
    }

    .btn a:active {
        transition: all 0s ease-in;
        -moz-transition: all 0s ease-in;
        -webkit-transition: all 0s ease-in;
        -o-transition: all 0s ease-in
    }

    .btn-primary a:active {
        box-shadow: inset 0 1px 1px #5378d2,inset 0 0 2px #627dca,inset 0 0 100px rgba(25,108,232,.5)
    }

    .btn-default a:active {
        box-shadow: none;
        background: -webkit-linear-gradient(#ddd,#f5f5f5);
        background: -moz-linear-gradient(#ddd,#f5f5f5);
        background: -ms-linear-gradient(#ddd,#f5f5f5);
        background: -o-linear-gradient(#ddd,#f5f5f5);
        background: linear-gradient(#ddd,#f5f5f5)
    }

    .select {
        float: left;
        margin-right: 15px;
        width: 180px;
        position: relative
    }

    .select:after {
        color: #9e9e9e;
        font-family: Segoe,"Segoe UI","DejaVu Sans","Trebuchet MS",Verdana,sans-serif;
        font-size: 12px;
        content: "â–¼";
        opacity: .62;
        position: absolute;
        top: 13px;
        right: 15px;
        z-index: 20;
        transition: all .3s ease-in;
        -moz-transition: all .3s ease-in;
        -webkit-transition: all .3s ease-in;
        -o-transition: all .3s ease-in
    }

    .select:hover:after {
        opacity: 1
    }

    .select:after {
        display: none \0
    }

    .select select {
        width: 180px
    }

    select {
        background: -webkit-linear-gradient(top,#fdfdfd,#f1f1f1);
        background: -moz-linear-gradient(top,#fdfdfd,#f1f1f1);
        background: -ms-linear-gradient(top,#fdfdfd,#f1f1f1);
        background: -o-linear-gradient(top,#fdfdfd,#f1f1f1);
        background: linear-gradient(top,#fdfdfd,#f1f1f1);
        border: #bfbfbf solid 1px;
        border-radius: 7px;
        box-shadow: 0 -2px 3px rgba(0,0,0,.06) inset;
        color: #333;
        font-family: "Microsoft YaHei",å¾®è½¯é›…é»‘,STHei,åŽæ–‡é»‘ä½“,"Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 13px;
        line-height: 33px;
        padding: 0 19px;
        height: 36px;
        -webkit-appearance: none;
        -moz-appearance: none;
        opacity: 1;
        outline: 0;
        transition: all .3s ease-in;
        -moz-transition: all .3s ease-in;
        -webkit-transition: all .3s ease-in;
        -o-transition: all .3s ease-in;
        position: relative;
        z-index: 10
    }

    select {
        background: none \0;
        height: 34px \0;
        padding: 0 \0
    }

    select:hover {
        outline: 0
    }

    select:active {
        background: -webkit-linear-gradient(top,#f5f5f5,#fdfdfd);
        background: -moz-linear-gradient(top,#f5f5f5,#fdfdfd);
        background: -ms-linear-gradient(top,#f5f5f5,#fdfdfd);
        background: -o-linear-gradient(top,#f5f5f5,#fdfdfd);
        background: linear-gradient(top,#f5f5f5,#fdfdfd);
        box-shadow: 0 2px 3px rgba(0,0,0,.03) inset;
        outline: 0
    }

    select.invalid {
        border: #d16d62 solid 1px;
        height: 38px;
        top: -1px;
        -moz-transition: none;
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }

    .select option {
        border: 1px solid #ddd;
        height: 22px;
        line-height: 22px
    }
}

@media screen and (max-width: 736px) and (max-device-width:736px),screen and (max-width:736px) and (-webkit-min-device-pixel-ratio:2.0) {
    a,button,div,img,input,span,textarea {
        -webkit-tap-highlight-color:rgba(255,255,255,0)
    }

    .input {
        border: 1px solid #C2C3C6;
        border-radius: 6px;
        height: 33px;
        line-height: 33px;
        opacity: 1!important;
        overflow: hidden;
        position: relative
    }

    .input:hover {
        opacity: 1!important
    }

    .input.invalid {
        border-color: #e66157!important;
        opacity: 1!important
    }

    .input.focus {
        border: 1px solid #6b93f2
    }

    .input .icon {
        background: url(../img/mobile/bg_repeat_x_e6541e8c57.png) repeat-x;
        border-radius: 6px 0 0 6px;
        border-right: 1px solid #D7D7D7;
        width: 32px;
        position: absolute;
        top: 0;
        left: 0
    }

    .input .icon i {
        background: url(../img/mobile/bg_icons_873c832874.png) no-repeat 11px 10px;
        display: block;
        text-indent: -9999em;
        background-size: 192px
    }

    .input .placeholder {
        color: #b2b2b2;
        font-size: 15px;
        padding: 1px 0 0;
        position: absolute;
        left: 44px;
        top: 0
    }

    .input input {
        background: 0 0;
        border: 0;
        box-sizing: border-box;
        font-size: 14px;
        padding: 0 15px 0 44px;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

    .input .warning {
        background: #d16d62;
        border-radius: 4px;
        color: #FFF;
        display: none;
        font-size: 12px;
        font-weight: 400;
        height: 20px;
        line-height: 20px;
        opacity: 0;
        padding: 0 8px;
        position: absolute;
        top: 6px;
        right: 8px
    }

    .input .success {
        background: url(../img/mobile/bg_icons_873c832874.png) 0 -100px no-repeat;
        height: 15px;
        display: none;
        margin-top: -7.5px;
        opacity: 0;
        width: 15px;
        position: absolute;
        right: 10px;
        top: 50%
    }

    .checkbox {
        background: url(../img/mobile/checkbox_f49f6e4acf.png) 0 0 no-repeat;
        float: left;
        height: 20px;
        width: 20px;
        position: relative;
        background-size: 20px
    }

    .checkbox a {
        background: url(../img/mobile/checkbox_f49f6e4acf.png) no-repeat 0 -19px;
        display: none;
        height: 20px;
        width: 20px;
        background-size: 20px
    }

    .checkbox.checked a {
        display: block
    }

    .radio {
        border: #b7b7b7 solid 1px;
        border-radius: 14px;
        box-shadow: rgba(255,255,255,1) 0 2px 0 inset;
        cursor: pointer;
        display: inline-block;
        height: 9px;
        width: 9px;
        padding: 3px;
        position: relative;
        top: 3px
    }

    .radio.checked a {
        background: #83a7ff;
        border-radius: 10px;
        display: block;
        height: 100%
    }

    .btn {
        border-radius: 6px;
        cursor: pointer;
        display: inline-block;
        height: 33px;
        line-height: 34px;
        overflow: hidden;
        text-align: center;
        width: 153px
    }

    .btn.disabled {
        cursor: not-allowed;
        opacity: .6
    }

    .btn-primary {
        background: #4C68B0;
        box-shadow: 0 1px 1px -1px rgba(0,0,0,.8);
        background: -webkit-linear-gradient(#6788d0,#4364bb);
        background: linear-gradient(#6788d0,#4364bb);
        padding: 1px;
        box-sizing: border-box
    }

    .btn-default {
        background: #96989C
    }

    .btn a {
        color: #FFF;
        cursor: pointer;
        display: block;
        font-size: 14px
    }

    .btn.disabled a {
        cursor: not-allowed
    }

    .btn-primary a {
        background: #81A8E4;
        background: -webkit-linear-gradient(#6f94e8,#5178df);
        background: -moz-linear-gradient(#6f94e8,#5178df);
        background: -ms-linear-gradient(#6f94e8,#5178df);
        background: -o-linear-gradient(#6f94e8,#5178df);
        background: linear-gradient(#6f94e8,#5178df)
    }

    .btn-default a {
        background: #CACDD1;
        background: -webkit-linear-gradient(#CACDD1,#B4B6BA);
        background: -moz-linear-gradient(#CACDD1,#B4B6BA);
        background: -ms-linear-gradient(#CACDD1,#B4B6BA);
        background: -o-linear-gradient(#CACDD1,#B4B6BA);
        background: linear-gradient(#CACDD1,#B4B6BA)
    }

    .btn-primary a:hover {
        box-shadow: inset 0 1px 3px #83a9e1,inset 0 0 2px #627dca,inset 0 -2px 3px #5a77c7,inset 0 0 100px rgba(48,77,147,.4)
    }

    .btn-default a:hover {
        box-shadow: inset 0 1px 1px #CACDD1,inset 0 -2px 2px #CACDD1
    }

    .btn-primary a:active,.btn-primary a:hover {
        color: #fff
    }

    .btn-default a:active,.btn-default a:hover {
        color: #ececec
    }

    .btn a:active {
        -moz-transition: all 0s ease-in;
        -webkit-transition: all 0s ease-in;
        -o-transition: all 0s ease-in;
        transition: all 0s ease-in
    }

    .btn-primary a:active {
        box-shadow: inset 0 2px 5px #3d67a5,inset 0 0 2px #627dca,inset 0 0 100px rgba(25,108,232,.5)
    }

    .btn-default a:active {
        box-shadow: inset 0 2px 5px #aeaeae,inset 0 1px 1px #fbfbfb,inset 0 -2px 2px #d5d5d5
    }

    .select {
        position: relative
    }

    .select:after {
        color: #858585;
        font-family: Segoe,"Segoe UI","DejaVu Sans","Trebuchet MS",Verdana,sans-serif;
        font-size: 12px;
        content: "â–¼";
        position: absolute;
        top: 11px;
        right: 15px;
        z-index: 20;
        -moz-transition: all .3s ease-in;
        -webkit-transition: all .3s ease-in;
        -o-transition: all .3s ease-in;
        transition: all .3s ease-in
    }

    .select:hover:after {
        opacity: 1
    }

    select {
        background: 0 0;
        border: 1px solid #C2C3C6;
        border-radius: 6px;
        color: #000;
        padding: 0 12px;
        height: 33px;
        opacity: 1;
        outline: 0;
        width: 100%;
        -moz-transition: all .3s ease-in;
        -webkit-transition: all .3s ease-in;
        -o-transition: all .3s ease-in;
        -webkit-appearance: none;
        transition: all .3s ease-in;
        position: relative
    }

    select:hover {
        outline: 0
    }

    select:active {
        background: -webkit-linear-gradient(top,#f5f5f5,#fdfdfd);
        background: -moz-linear-gradient(top,#f5f5f5,#fdfdfd);
        background: -ms-linear-gradient(top,#f5f5f5,#fdfdfd);
        background: -o-linear-gradient(top,#f5f5f5,#fdfdfd);
        background: linear-gradient(top,#f5f5f5,#fdfdfd);
        box-shadow: 0 2px 3px rgba(0,0,0,.03) inset;
        outline: 0
    }

    select.invalid {
        border: #d16d62 solid 1px;
        -moz-transition: none;
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
}

.jcrop-holder {
    direction: ltr;
    text-align: left
}

.jcrop-hline,.jcrop-vline {
    background: #fff url(../img/Jcrop_7a4b4c6ebd.gif);
    font-size: 0;
    position: absolute
}

.jcrop-vline {
    height: 100%;
    width: 1px!important
}

.jcrop-vline.right {
    right: 0
}

.jcrop-hline {
    height: 1px!important;
    width: 100%
}

.jcrop-hline.bottom {
    bottom: 0
}

.jcrop-tracker {
    height: 100%;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none
}

.jcrop-handle {
    background-color: #333;
    border: 1px #eee solid;
    width: 7px;
    height: 7px;
    font-size: 1px
}

.jcrop-handle.ord-n {
    left: 50%;
    margin-left: -4px;
    margin-top: -4px;
    top: 0
}

.jcrop-handle.ord-s {
    bottom: 0;
    left: 50%;
    margin-bottom: -4px;
    margin-left: -4px
}

.jcrop-handle.ord-e {
    margin-right: -4px;
    margin-top: -4px;
    right: 0;
    top: 50%
}

.jcrop-handle.ord-w {
    left: 0;
    margin-left: -4px;
    margin-top: -4px;
    top: 50%
}

.jcrop-handle.ord-nw {
    left: 0;
    margin-left: -4px;
    margin-top: -4px;
    top: 0
}

.jcrop-handle.ord-ne {
    margin-right: -4px;
    margin-top: -4px;
    right: 0;
    top: 0
}

.jcrop-handle.ord-se {
    bottom: 0;
    margin-bottom: -4px;
    margin-right: -4px;
    right: 0
}

.jcrop-handle.ord-sw {
    bottom: 0;
    left: 0;
    margin-bottom: -4px;
    margin-left: -4px
}

.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s {
    height: 7px;
    width: 100%
}

.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w {
    height: 100%;
    width: 7px
}

.jcrop-dragbar.ord-n {
    margin-top: -4px
}

.jcrop-dragbar.ord-s {
    bottom: 0;
    margin-bottom: -4px
}

.jcrop-dragbar.ord-e {
    margin-right: -4px;
    right: 0
}

.jcrop-dragbar.ord-w {
    margin-left: -4px
}

.jcrop-light .jcrop-hline,.jcrop-light .jcrop-vline {
    background: #fff;
    filter: alpha(opacity=70)!important;
    opacity: .7!important
}

.jcrop-light .jcrop-handle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #000;
    border-color: #fff;
    border-radius: 3px
}

.jcrop-dark .jcrop-hline,.jcrop-dark .jcrop-vline {
    background: #000;
    filter: alpha(opacity=70)!important;
    opacity: .7!important
}

.jcrop-dark .jcrop-handle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #fff;
    border-color: #000;
    border-radius: 3px
}

.solid-line .jcrop-hline,.solid-line .jcrop-vline {
    background: #fff
}

.jcrop-holder img,img.jcrop-preview {
    max-width: none
}

@media screen and (min-width: 737px),screen and (max-width:736px) and (min-device-width:737px) and (-webkit-max-device-pixel-ratio:1.9) {
    .common-form li {
        clear:both;
        margin-bottom: 15px;
        position: relative
    }

    .common-form li.password-repeat {
        display: none
    }

    .common-form li.password .icon i {
        background-position: -49px 0
    }

    .common-form li.verification .icon i {
        background-position: -97px 0
    }

    .common-form li.captcha .icon i {
        background-position: -97px 0
    }

    .common-form li.mail .icon i {
        background-position: -145px 0
    }

    .common-form li.password-repeat .icon {
        display: none
    }

    .common-form li.password-repeat .placeholder {
        left: 17px
    }

    .common-form .tips {
        display: none;
        height: 110px;
        width: 220px;
        opacity: 0;
        position: absolute;
        top: -1px;
        left: 379px;
        z-index: 6
    }

    .common-form .tips .delta {
        background: #fcfcfc;
        border-radius: 3px;
        box-shadow: rgba(0,0,0,.38) 0 2px 8px;
        float: left;
        height: 20px;
        width: 20px;
        position: absolute;
        top: 15px;
        left: 2px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        z-index: 3
    }

    .common-form .tips .verifycon {
        background: #fcfcfc;
        box-shadow: rgba(0,0,0,.38) 0 2px 8px;
        color: #616161;
        border-radius: 12px;
        font-size: 14px;
        line-height: 20px;
        overflow: hidden;
        padding: 15px 0 15px 25px;
        text-align: center;
        width: 350px;
        position: absolute;
        left: 5px;
        top: 0;
        z-index: 2
    }

    .common-form li .tips .deltapatch {
        background: #fcfcfc;
        border-radius: 8px 0 0 8px;
        box-shadow: none;
        height: 45px;
        width: 30px;
        position: absolute;
        left: 5px;
        top: 4px;
        z-index: 4
    }

    .common-form li .tips .warningicon {
        width: 27px;
        height: 27px;
        background: url(../img/ui-p_6b80ebe114.png) -34px -590px no-repeat;
        position: absolute;
        z-index: 5;
        float: left;
        left: 18px;
        top: 10px;
        box-shadow: none
    }

    .common-form li.captcha .input {
        width: 261px
    }

    .common-form li.captcha .input>input {
        width: 179px
    }

    .common-form li.captcha .tips-verifycon {
        border: 1px solid rgba(204,204,204,.618);
        border-radius: 6px;
        box-sizing: border-box;
        height: 100%;
        overflow: hidden;
        width: 101px;
        text-align: center;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer
    }

    .common-form li.captcha:hover .tips-verifycon {
        border: 1px solid #ccc
    }

    .common-form li.captcha .tips-verifycon img {
        border: 0;
        max-width: 100%;
        max-height: 100%
    }

    .common-form li.verification .input {
        width: 261px
    }

    .common-form li.verification .radius-center {
        width: 240px
    }

    .common-form li.verification input {
        width: 180px
    }

    .common-form li.verification .btn-default {
        position: absolute;
        top: 0;
        right: 0;
        width: 101px
    }

    .common-form li.verification .btn-default a {
        font-size: 16px
    }

    .common-form li.verification .btn-default.disabled b {
        text-shadow: none
    }

    .common-form li.username input.indent {
        width: 158px;
        padding-left: 0;
        padding-right: 0
    }

    .common-form li.username .ccc {
        display: inline-block;
        width: 55px;
        text-align: center;
        position: relative;
        left: 3px
    }

    .common-form li.username .ccc:before {
        content: "+";
        position: relative;
        top: -1px
    }

    .common-form li.username .placeholder.indent {
        left: 110px
    }

    .common-form li.username .success {
        right: 105px
    }

    .common-form li.username .warning.indent {
        right: 75px
    }

    .common-form li.username .country {
        position: absolute;
        right: 10px;
        font-size: 15px;
        display: inline-block;
        max-width: 76px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-right: 20px;
        text-align: right;
        background-image: url(../img/ic_change_7ce7ba3a23.png);
        background-image: -webkit-image-set(url(../img/ic_change_7ce7ba3a23.png) 1x,url(../img/ic_change_7ce7ba3a23@2x.png) 2x);
        background-size: 8px 12px;
        background-position: center right;
        background-repeat: no-repeat;
        cursor: pointer;
        z-index: 100
    }

    .invalid .country {
        opacity: 0
    }

    .country-list {
        display: none;
        position: absolute;
        top: 139px;
        right: 40px;
        z-index: 500;
        border: 1px solid #dadada;
        border-radius: 6px
    }

    .country-list:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 12px;
        border-radius: 0 0 7px 7px;
        background: linear-gradient(rgba(256,256,256,0),rgba(256,256,256,1))
    }

    .cloud .country-list {
        top: 335px
    }

    .bbs .country-list {
        top: 245px
    }

    .country-list ul {
        overflow-y: scroll;
        color: #999;
        background-color: #fff;
        font-size: 14px;
        border-radius: 6px;
        position: relative;
        height: 268px;
        width: 240px;
        box-shadow: 0 -4px 11px -6px rgba(255,255,255,1) inset
    }

    .bbs .country-list ul {
        height: 203px
    }

    .country-list li {
        padding-left: 14px;
        height: 40px;
        line-height: 40px;
        border-top: 1px solid #e2e2e2;
        cursor: pointer
    }

    .country-list li:first-child {
        border-top-style: none
    }

    .country-list li.selected,.country-list li:hover {
        background: #fafafa;
        color: #666;
        font-weight: 700
    }

    .country-list li.selected {
        background-image: url(../img/v2/sekected_b5ecb43838.png);
        background-image: -webkit-image-set(url(../img/v2/sekected_b5ecb43838.png) 1x,url(../img/v2/sekected_b5ecb43838@2x.png) 2x);
        background-repeat: no-repeat;
        background-position: center right;
        background-size: 29px auto;
        background-color: #fff
    }

    .country-list li:first-child:hover {
        border-top-style: none
    }

    .country-list .delta-country {
        background: #fff;
        border-radius: 3px;
        border: 1px solid #dadada;
        height: 20px;
        width: 20px;
        position: absolute;
        top: -6px;
        right: 35px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        z-index: -1
    }

    .valid-user li.username input.indent {
        width: 205px
    }

    .valid-user li.username .placeholder.indent {
        left: 60px
    }

    .login-form .remember {
        margin: 24px 0 36px;
        height: 12px
    }

    .login-form .remember .auto {
        color: #999;
        float: left;
        font-size: 12px;
        cursor: pointer;
        padding-left: 22px
    }

    .login-form .remember .auto .checkbox {
        position: absolute;
        top: -4px;
        left: -2px
    }

    .login-form .remember .forgotpassword {
        float: left;
        font-size: 12px;
        width: 50px;
        white-space: nowrap
    }

    .login-form .remember .registercloud {
        display: inline-block;
        float: left;
        font-size: 12px;
        margin-left: 132px;
        margin-left: 130px \9 \0;
        margin-right: 8px
    }

    .contacts .login-form .remember .registercloud,.notes .login-form .remember .registercloud,.radar .login-form .remember .registercloud {
        margin-left: 108px;
        margin-left: 106px \9 \0
    }

    .login-form .remember .registercloud:after {
        content: "";
        display: inline-block;
        width: 1px;
        height: 11px;
        background-color: #e5e5e5;
        margin-left: 9px;
        margin-top: -2px;
        vertical-align: middle
    }

    .btn-wrapper {
        clear: both;
        margin: 36px 1px 0
    }

    .login-form .btn-wrapper {
        margin-top: 24px
    }

    .info-wrapper {
        text-align: center;
        font-size: 14px;
        margin-top: 24px;
        margin-bottom: 24px;
        position: relative
    }

    .cloud.bbs .info-wrapper {
        margin-top: 21px
    }

    .info-wrapper .link-arrow {
        background: url(../img/link_arrow_dbd0493592.png) 0 0 no-repeat;
        background-image: -webkit-image-set(url(../img/link_arrow_dbd0493592.png) 1x,url(../img/link_arrow_dbd0493592@2x.png) 2x);
        position: relative;
        display: inline-block;
        width: 12px;
        height: 14px;
        top: 2px;
        left: 2px
    }

    .btn-wrapper .warning {
        color: #d16d62;
        float: right;
        line-height: 16px;
        margin: 0 3px 10px
    }

    .cloud .loading {
        background: url(../img/loading-global_2bb70b803c.gif) no-repeat;
        background: -webkit-image-set(url(../img/loading-global_2bb70b803c.gif) 1x,url(../img/loading-global_2bb70b803c@2x.gif) 2x) no-repeat;
        display: none;
        height: 32px;
        margin-left: -16px;
        margin-top: -16px;
        padding: 0;
        width: 32px;
        position: fixed;
        top: 50%;
        left: 50%
    }

    .cloud .dialog .title {
        background: url(../img/cloud-logo_875b05f109.png) no-repeat 49.5% 49%;
        background-image: -webkit-image-set(url(../img/cloud-logo_875b05f109.png) 1x,url(../img/cloud-logo_875b05f109@2x.png) 2x);
        height: 193px;
        padding: 50px 0 18px;
        text-indent: -9999px
    }

    .cloud.notes .dialog .title {
        background: url(../img/cloud-notes-logo_94831ebf36.png) no-repeat 49.5% bottom;
        background-image: -webkit-image-set(url(../img/cloud-notes-logo_94831ebf36.png) 1x,url(../img/cloud-notes-logo_94831ebf36@2x.png) 2x);
        position: relative;
        top: 4px
    }

    .cloud.contacts .dialog .title {
        background: url(../img/cloud-contacts-logo_fc765107fa.png) no-repeat 49.5% bottom;
        background-image: -webkit-image-set(url(../img/cloud-contacts-logo_fc765107fa.png) 1x,url(../img/cloud-contacts-logo_fc765107fa@2x.png) 2x);
        position: relative;
        top: 4px
    }

    .cloud.radar .dialog .title {
        background: url(../img/cloud-radar-logo_8294d64c86.png) no-repeat 49.5% bottom;
        background-image: -webkit-image-set(url(../img/cloud-radar-logo_8294d64c86.png) 1x,url(../img/cloud-radar-logo_8294d64c86@2x.png) 2x);
        position: relative;
        top: 4px
    }

    .cloud .dialog .title h4 {
        background: url(../img/text-login_472ac7cea8.png) no-repeat 49.5% 50%;
        background-image: -webkit-image-set(url(../img/text-login_472ac7cea8.png) 1x,url(../img/text-login_472ac7cea8@2x.png) 2x);
        border: 0;
        box-shadow: none;
        height: 25px;
        line-height: 25px;
        margin: 159px 0 0;
        padding: 0
    }

    .cloud.contacts .dialog .title h4,.cloud.notes .dialog .title h4,.cloud.radar .dialog .title h4 {
        display: none
    }

    .cloud .dialog .title .close {
        display: none
    }

    .cloud .dialog .title.locked {
        background: url(../img/cloud-locked_ead879cd16.png) no-repeat 50% 30%;
        background-image: -webkit-image-set(url(../img/cloud-locked_ead879cd16.png) 1x,url(../img/cloud-locked_ead879cd16@2x.png) 2x)
    }

    .cloud .dialog .title.locked h4 {
        background: url(../img/text-locked_5dd817a9cc.png) no-repeat 50% 50%;
        background-image: -webkit-image-set(url(../img/text-locked_5dd817a9cc.png) 1x,url(../img/text-locked_5dd817a9cc@2x.png) 2x)
    }

    .cloud .dialog .content {
        padding-bottom: 24px
    }

    .cloud .dialog .btn-wrapper {
        margin-top: 14px
    }

    .cloud .dialog .btn-default {
        display: none
    }

    .cloud .dialog .content .alpha {
        color: #999;
        font-size: 12px;
        display: block;
        line-height: 26px;
        padding: 10px 0 10px;
        text-align: center
    }

    .cloud-agreement {
        display: none
    }

    .cloud .dialog .content .cloud-agreement {
        background: #fafafa;
        box-shadow: 0 2px 3px rgba(0,0,0,.05);
        border: 1px solid #ccc;
        border-radius: 8px;
        color: #666;
        font-size: 13px;
        line-height: 24px;
        padding: 10px 18px
    }

    .cloud .dialog .content .cloud-agreement p:first-child {
        margin: 0 0 24px
    }

    .bbs-tmp {
        background: 0 0
    }

    .bbs-tmp .dialog {
        top: 0;
        left: initial;
        right: 0;
        margin: 0!important;
        width: 376px;
        background: 0 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

    .bbs-tmp .dialog .title {
        display: none
    }

    .bbs-tmp .content {
        padding: 40px 0 5px 0
    }

    .bbs-tmp .form-title {
        color: #989898;
        font-size: 14px;
        font-weight: 400;
        position: relative;
        top: -13px;
        text-align: center
    }

    .bbs-tmp .btn-wrapper {
        margin-top: 12px
    }

    .bbs-tmp .remember {
        margin-top: 12px;
        margin-bottom: 12px
    }

    .bbs-tmp .login-form .remember .registercloud {
        margin-left: 230px;
        margin-left: 228px \9 \0
    }

    .bbs-tmp .reg-form .btn-wrapper .agreement {
        line-height: 30px;
        top: 5px;
        border: none;
        box-shadow: none
    }

    .bbs-tmp .reg-form .btn-wrapper .agreement .checkbox {
        top: 6px
    }

    .bbs-tmp .common-form .tips {
        left: -379px
    }

    .bbs-tmp .common-form .tips .delta {
        height: 18px;
        width: 18px;
        left: 368px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .bbs-tmp .common-form .tips .deltapatch {
        border-radius: 0 12px 12px 0;
        width: 15px;
        left: 365px
    }

    .bbs-tmp .common-form .tips.captcha {
        left: -219px
    }

    .bbs-tmp .common-form .tips.captcha .delta {
        left: 205px
    }

    .bbs-tmp .common-form .tips.captcha .deltapatch {
        left: 200px
    }

    .bbs-tmp .loading {
        left: initial;
        right: 172px
    }

    .bbs {
        background: 0 0
    }

    .bbs .dialog {
        top: 0;
        left: 0;
        margin: 0!important;
        background: 0 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

    .bbs .dialog .title {
        background: url(../img/cloud-bbs-logo_c0e81370d1.png) no-repeat 49.5% bottom;
        background-image: -webkit-image-set(url(../img/cloud-bbs-logo_c0e81370d1.png) 1x,url(../img/cloud-bbs-logo_c0e81370d1@2x.png) 2x);
        margin-bottom: -30px;
        padding-top: 73px
    }

    .bbs .dialog .title h4 {
        background-image: none!important;
        text-align: center!important;
        font-size: 22px!important;
        color: #cacaca!important
    }

    .bbs .loading {
        left: 218px
    }

    .reg-form .common-form li.captcha {
        display: block
    }

    .reg-form .btn-wrapper {
        margin: 0 1px 0
    }

    .reg-form .btn-wrapper .btn {
        margin: 0
    }

    .reg-form .btn-wrapper p {
        color: #cacaca;
        font-size: 12px;
        text-align: center
    }

    .reg-form .btn-wrapper .agreement {
        cursor: pointer;
        padding: 0;
        margin: 15px 0 30px;
        text-align: left;
        position: relative;
        line-height: 20px;
        color: #999
    }

    .reg-form .btn-wrapper .agreement .checkbox {
        top: -1px;
        left: 0;
        margin-right: 6px
    }

    .reg-form .btn-wrapper .tologin {
        width: 100%;
        margin: 30px 0 0;
        padding-top: 24px;
        border-top: 1px solid #dadada;
        box-shadow: 0 1px 0 rgba(256,256,256,.4) inset
    }

    .reg-form .btn-wrapper .tologin a {
        color: #999;
        display: block
    }

    .reg-form .btn-wrapper .tologin a span {
        color: #5079d9;
        padding: 2px
    }

    .reg-form .btn-wrapper .tologin a:hover span {
        color: #406dd6
    }

    .auth li {
        clear: both;
        cursor: pointer;
        line-height: 20px;
        width: 100%;
        margin-top: 22px
    }

    .auth li:first-child {
        margin-top: 0
    }

    .auth li .auto .checkbox {
        margin-right: 10px
    }

    .auth li .radio {
        float: left;
        margin-right: 19px;
        position: relative;
        top: 17px
    }

    .auth li p {
        font-size: 16px;
        color: #333
    }

    .valid-mail {
        margin-top: -31px;
        text-align: center;
        width: 374px
    }

    .valid-mail .view {
        padding: 30px 0 35px
    }

    .valid-mail .view .btn {
        margin: 0 1px 0;
        width: 178px
    }

    .valid-mail .view .btn a {
        font-size: 16px
    }

    .valid-mail .resend .btn {
        margin: 0 1px 12px
    }

    .valid-mail h3 {
        background-image: url(../img/v2/ok_cb51bbf5f2.png);
        background-image: -webkit-image-set(url(../img/v2/ok_cb51bbf5f2.png) 1x,url(../img/v2/ok_cb51bbf5f2@2x.png) 2x);
        background-position: center 30px;
        background-repeat: no-repeat;
        background-size: 72px;
        padding: 142px 0 0;
        color: #575757;
        line-height: 1em;
        font-size: 24px;
        text-align: center;
        font-weight: 400
    }

    .valid-mail h5 {
        color: #c6c6c6;
        line-height: 1em;
        font-size: 14px;
        text-align: center;
        margin: 15px 0 30px
    }

    .valid-mail ul li {
        float: right
    }

    .valid-mail ul li:first-child {
        float: left
    }

    .valid-mobile {
        background: url(../img/callback-3_0de5f5f21f.png) 60% top no-repeat;
        padding: 190px 0 0
    }

    .valid-mobile .btn-wrapper {
        margin: 30px 0 6px
    }

    .valid-mobile .btn-wrapper .btn {
        margin-bottom: 0
    }

    .valid-question {
        width: 374px
    }

    .valid-question h3 {
        border-bottom: #dedede solid 1px;
        color: #696969;
        font-weight: 400;
        font-size: 18px;
        height: 18px;
        margin: -14px 0 12px;
        padding-bottom: 20px;
        text-align: center;
        position: relative
    }

    .valid-question h3 a {
        font-size: 14px;
        position: absolute;
        top: 2px;
        right: 5px
    }

    .valid-question dl {
        padding: 0 1px
    }

    .valid-question dt {
        line-height: 41px;
        font-size: 18px;
        color: #696969
    }

    .valid-question dd {
        margin-bottom: 8px
    }

    .valid-question dd input {
        width: 342px
    }

    .valid-question dd .warning {
        background: #d16d62;
        border-radius: 5px;
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        line-height: 25px;
        margin: 12px 0 0;
        padding: 0 9px;
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        position: absolute;
        right: 10px;
        top: 0;
        z-index: 5
    }

    .valid-question .btn-wrapper {
        margin-top: 30px
    }

    .valid-question .btn-wrapper .btn {
        margin-bottom: 6px
    }

    .mod-nickname .common-form .placeholder {
        left: 15px
    }

    .mod-password .common-form li.password-repeat {
        display: block
    }

    .mod-password .common-form .placeholder {
        left: 15px
    }

    .mod-result h3 {
        background-image: url(../img/v2/ok_cb51bbf5f2.png);
        background-image: -webkit-image-set(url(../img/v2/ok_cb51bbf5f2.png) 1x,url(../img/v2/ok_cb51bbf5f2@2x.png) 2x);
        background-position: center 30px;
        background-repeat: no-repeat;
        background-size: 72px;
        padding: 137px 0 0;
        color: #333;
        line-height: 1.4em;
        font-size: 24px;
        text-align: center;
        font-weight: 400
    }

    .mod-result .btn-wrapper {
        text-align: center;
        margin: 60px 0 0
    }

    .mod-fail h3 {
        background-image: url(../img/v2/error_339b39e69a.png);
        background-image: -webkit-image-set(url(../img/v2/error_339b39e69a.png) 1x,url(../img/v2/error_339b39e69a@2x.png) 2x)
    }

    .mod-result .tip,.mod-result .tip-time {
        color: #999;
        line-height: 1em;
        font-size: 14px;
        text-align: center;
        margin: 14px 0 0
    }

    .mod-result .tip-time {
        margin: 12px 0 0
    }

    .valid-user {
        margin-top: -31px
    }

    .valid-user h3 {
        font-size: 18px;
        font-weight: 400;
        line-height: 61px;
        text-align: center
    }

    .valid-user .input input {
        width: 230px
    }

    .valid-user .common-form .placeholder {
        left: 15px
    }

    .valid-user .info-wrapper {
        margin-bottom: 11px
    }

    .mod-question dt {
        line-height: 20px;
        margin: 0 0 5px
    }

    .mod-question dd {
        height: 40px;
        margin: 0 0 12px;
        position: relative
    }

    .mod-question dd .select {
        top: 2px;
        top: 3px \9
    }

    .mod-question dd .input {
        float: left;
        height: 40px;
        line-height: 40px;
        border-radius: 6px;
        width: 180px;
        font-size: 14px;
        width: 175px
    }

    .mod-question dd .input .border-inner {
        border-radius: 6px
    }

    .mod-question dd .input .placeholder {
        font-size: 14px;
        left: 15px
    }

    .mod-question dd .input input {
        font-size: 14px;
        height: 24px;
        line-height: 24px;
        margin: 0 15px;
        padding: 0;
        width: 144px
    }

    .mod-question dd .input .warning {
        margin-top: 7px;
        right: 5px
    }

    .mod-question dd .input .success {
        background-position: 0 -57px
    }

    .mod-question dd .tips {
        display: none;
        height: 110px;
        width: 220px;
        opacity: 0;
        position: absolute;
        top: -1px;
        left: 379px;
        z-index: 6
    }

    .mod-question dd .tips .delta {
        background: #fcfcfc;
        border-radius: 3px;
        box-shadow: rgba(0,0,0,.38) 0 2px 8px;
        float: left;
        height: 20px;
        width: 20px;
        position: absolute;
        top: 15px;
        left: 2px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        z-index: 3
    }

    .mod-question dd .tips .verifycon {
        background: #fcfcfc;
        box-shadow: rgba(0,0,0,.38) 0 2px 8px;
        color: #616161;
        border-radius: 12px;
        font-size: 14px;
        line-height: 20px;
        overflow: hidden;
        padding: 15px 0 15px 25px;
        text-align: center;
        width: 350px;
        position: absolute;
        left: 5px;
        top: 0;
        z-index: 2
    }

    .mod-question dd .tips .deltapatch {
        background: #fcfcfc;
        border-radius: 8px 0 0 8px;
        box-shadow: none;
        height: 45px;
        width: 30px;
        position: absolute;
        left: 5px;
        top: 4px;
        z-index: 4
    }

    .mod-question dd .tips .warningicon {
        width: 27px;
        height: 27px;
        background: url(../img/ui-p_6b80ebe114.png) -34px -590px no-repeat;
        position: absolute;
        z-index: 5;
        float: left;
        left: 18px;
        top: 10px;
        box-shadow: none
    }

    .settings .dialog {
        width: 704px;
        height: 560px;
        margin-left: -352px
    }

    .settings .dialog .content {
        padding-top: 32px
    }

    .mod-settings li {
        position: relative;
        min-height: 60px;
        margin-top: -5px;
        margin-bottom: 30px;
        padding-left: 54px;
        padding-bottom: 30px;
        line-height: 30px;
        background: url(../img/safe-status_e08488656c.png) 20px 5px no-repeat;
        background-image: -webkit-image-set(url(../img/safe-status_e08488656c.png) 1x,url(../img/safe-status_e08488656c@2x.png) 2x);
        border-bottom: #dadada solid 1px
    }

    .mod-settings .box-mail {
        padding-bottom: 19px
    }

    .mod-settings .last {
        border-bottom: none;
        margin-bottom: 0
    }

    .mod-settings .warning {
        background: url(../img/safe-status-problem_960ee47886.png) 21px 5px no-repeat;
        background-image: -webkit-image-set(url(../img/safe-status-problem_960ee47886.png) 1x,url(../img/safe-status-problem_960ee47886@2x.png) 2x)
    }

    .mod-settings h3 {
        font-size: 18px;
        font-weight: 400;
        color: #333
    }

    .mod-settings p {
        width: 420px
    }

    .mod-settings .options {
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -30px;
        text-align: right
    }

    .mod-settings .options a {
        display: block
    }

    .logout {
        height: 154px;
        padding: 20px 0 0;
        text-align: center
    }

    .logout h4 {
        background: url(../img/warning_2153f5d5c3.png) no-repeat;
        background-image: -webkit-image-set(url(../img/warning_2153f5d5c3.png) 1x,url(../img/retina/warning_2153f5d5c3@2x.png) 2x);
        display: inline-block;
        font-size: 16px;
        height: 50px;
        line-height: 50px;
        margin: 0 auto;
        padding: 0 0 0 60px
    }

    .logout .btn-wrapper {
        border-radius: 0 0 13px 13px;
        height: 51px;
        padding-top: 18px;
        background: #f1f1f1 url(../img/account-bottom-bar-bg_a005222e96.png) repeat-x;
        margin: 0;
        background-image: -webkit-image-set(url(../img/account-bottom-bar-bg_a005222e96.png) 1x,url(../img/account-bottom-bar-bg_a005222e96@2x.png) 2x);
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }

    .logout .btn-wrapper .btn {
        height: 38px;
        line-height: 38px;
        width: 85px
    }

    .logout .btn-wrapper .btn a {
        font-size: 14px
    }

    .logout .btn-wrapper .btn-primary {
        position: absolute;
        top: 18px;
        right: 10px
    }

    .logout .btn-wrapper .btn-default {
        position: absolute;
        top: 18px;
        left: 10px
    }

    .auth .btn-wrapper,.forgot-password .btn-wrapper,.mod-nickname .btn-wrapper,.mod-password .btn-wrapper,.mod-question .btn-wrapper,.modify-question .btn-wrapper,.valid-user .btn-wrapper {
        margin-top: 30px
    }

    .auth .btn-wrapper .btn,.mod-nickname .btn-wrapper .btn,.mod-password .btn-wrapper .btn,.mod-question .btn-wrapper .btn,.modify-question .btn-wrapper .btn,.valid-user .btn-wrapper .btn {
        margin-bottom: 6px
    }
}

@media screen and (max-width: 736px) and (max-device-width:736px),screen and (max-width:736px) and (-webkit-min-device-pixel-ratio:2.0) {
    .four-1 .dialog .title {
        background:url(../img/d11-header_d064f702be.png) no-repeat center center;
        background-size: 100%;
        height: 50px;
        position: relative
    }

    .four-1 .dialog .title:after {
        content: "å…‘æ¢ç¦è¢‹";
        display: block;
        color: #fff;
        font-size: 20px;
        text-align: center;
        letter-spacing: 2px
    }

    .four-1 .title .return-btn {
        background: url(../img/d11-btn_bacdeb4270.png) no-repeat center center;
        background-size: 100%;
        height: 33px;
        width: 57.33px;
        position: absolute;
        left: 5px;
        top: 7px
    }

    .four-1 .info-wrapper {
        border: none;
        margin-top: 12px
    }

    .four-1 .info-wrapper span {
        display: block;
        color: #d26e64;
        font-size: 10px;
        line-height: 16px;
        text-align: left
    }

    .common-form li {
        margin: 0 0 13.3px;
        position: relative
    }

    .common-form li.password .icon i,.common-form li.password-repeat .icon i {
        background-position: -50px 11px
    }

    .common-form li.verification .icon i {
        background-position: -109px 10px
    }

    .common-form li.captcha .icon i {
        background-position: -109px 10px
    }

    .common-form li.mail .icon i {
        background-position: -170px 10px
    }

    .common-form li.captcha .input {
        width: 66.875%
    }

    .common-form li.verification .input {
        width: 66.875%
    }

    .common-form .captcha .tips-verifycon {
        border: 1px solid #d1d1d1;
        border-radius: 6px;
        box-sizing: border-box;
        display: block;
        height: 100%;
        overflow: hidden;
        opacity: 1;
        width: 28.3333%;
        text-align: center;
        position: absolute;
        top: 0;
        right: 0
    }

    .common-form .captcha .tips-verifycon img {
        border: 0;
        max-width: 100%;
        max-height: 100%;
        height: 33px
    }

    .common-form .verification .btn-default {
        width: 28.3333%;
        position: absolute;
        top: 0;
        right: 0
    }

    .common-form .verification .btn-default a {
        font-size: 12px
    }

    .common-form .verification .btn-default:not(.disabled) a {
        font-size: 12px;
        background: #81A8E4;
        background: -webkit-linear-gradient(#81A8E4,#6F8ADB);
        background: -moz-linear-gradient(#81A8E4,#6F8ADB);
        background: -ms-linear-gradient(#81A8E4,#6F8ADB);
        background: -o-linear-gradient(#81A8E4,#6F8ADB);
        background: linear-gradient(#81A8E4,#6F8ADB)
    }

    .common-form .verification .btn-default.disabled b {
        margin: 0 0 0 4px;
        text-shadow: none
    }

    .common-form .password .tips {
        display: none
    }

    .common-form .password .tips,.common-form .password-repeat .tips {
        display: block;
        margin: 10px 0 0;
        opacity: 1
    }

    .common-form .password .tips p,.common-form .password-repeat .tips p {
        background: url(../img/mobile/bg_icons_873c832874.png) no-repeat 0 -49px;
        color: #616161;
        font-size: 12px;
        padding: 0 0 0 20px
    }

    .btn-wrapper {
        clear: both;
        margin: 48px 0 0
    }

    .login-form .btn-wrapper {
        margin: 24px 0 12px
    }

    .info-wrapper {
        text-align: center;
        font-size: 14px;
        margin-top: 76px;
        padding-top: 12px;
        border-top: 1px solid #E5E5E5;
        position: relative
    }

    .info-wrapper .link-arrow {
        background: url(../img/link_arrow_dbd0493592@2x.png) 0 0 no-repeat;
        position: relative;
        display: inline-block;
        width: 12px;
        height: 14px;
        top: 1px;
        left: 1px;
        background-size: 12px
    }

    .btn-wrapper .warning {
        color: #d16d62;
        float: right;
        line-height: 16px;
        margin: 0 3px 10px
    }

    .common-form li.username input {
        padding-right: 105px
    }

    .common-form li.username input.indent {
        padding-left: 84px
    }

    .common-form li.username .ccc {
        position: absolute;
        left: 32px;
        display: inline-block;
        width: 55px;
        text-align: center
    }

    .common-form li.username .ccc:before {
        content: "+";
        position: relative;
        top: -1px
    }

    .common-form li.username .placeholder.indent {
        left: 84px
    }

    .common-form li.username .success {
        right: 105px
    }

    .common-form li.username .warning.indent {
        right: 75px
    }

    .common-form li.username .country {
        position: absolute;
        right: 10px;
        font-size: 15px;
        display: inline-block;
        max-width: 76px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-right: 20px;
        text-align: right;
        background-image: url(../img/v2/m/ic_change_7ce7ba3a23.png);
        background-size: auto 9px;
        background-repeat: no-repeat;
        background-position: right center;
        cursor: pointer;
        z-index: 100
    }

    .country-list {
        display: none;
        position: absolute;
        top: 140px;
        right: 30px;
        z-index: 500;
        border: 1px solid #e2e2e2;
        border-radius: 6px
    }

    .country-list:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 12px;
        border-radius: 0 0 7px 7px;
        background: linear-gradient(rgba(256,256,256,0),rgba(256,256,256,1))
    }

    .country-list ul {
        overflow-y: scroll;
        color: #999;
        background-color: #fff;
        font-size: 14px;
        border-radius: 6px;
        position: relative;
        height: 268px;
        width: 250px
    }

    .country-list li {
        padding-left: 14px;
        padding-right: 20px;
        height: 40px;
        line-height: 40px;
        margin: 0;
        border-top: 1px solid #e2e2e2;
        cursor: pointer
    }

    .country-list li.selected {
        background-image: url(../img/v2/m/sekected_b5ecb43838.png);
        background-repeat: no-repeat;
        background-position: center right;
        -webkit-background-size: auto 12px;
        background-size: auto 12px;
        font-weight: 700;
        color: #666
    }

    .country-list li:first-child {
        border-top-style: none
    }

    .country-list li:hover {
        background: #fff
    }

    .country-list li:active {
        background-color: #fafafa;
        font-weight: 700
    }

    .country-list li:first-child:hover {
        border-top-style: none
    }

    .country-list .delta-country {
        background: #fff;
        border-radius: 3px;
        border: 1px solid #dadada;
        height: 20px;
        width: 20px;
        position: absolute;
        top: -6px;
        right: 32px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        z-index: -1
    }

    .valid-user li.username input.indent {
        padding-left: 60px
    }

    .valid-user li.username .placeholder.indent {
        left: 60px
    }

    .valid-user li.username .ccc {
        left: 0
    }

    .login-form .remember {
        margin: 16px 0 24px;
        height: 12px
    }

    .login-form .remember .auto {
        color: #999;
        float: left;
        font-size: 12px;
        cursor: pointer;
        padding-left: 22px
    }

    .login-form .remember .auto .checkbox {
        position: absolute;
        top: -4px;
        left: -2px
    }

    .login-form .remember .forgotpassword {
        position: absolute;
        right: 0;
        font-size: 12px
    }

    .login-form .remember .registercloud {
        display: inline;
        position: absolute;
        right: 68px;
        font-size: 12px
    }

    .login-form .remember .registercloud:after {
        content: "";
        display: inline-block;
        width: 1px;
        height: 11px;
        background-color: #e5e5e5;
        margin-left: 12px;
        margin-top: -2px;
        vertical-align: middle
    }

    .login-form .btn-wrapper {
        position: relative
    }

    .login-form .btn {
        width: 100%
    }

    .login-form .btn-default {
        float: right
    }

    .cloud .login-form .btn {
        width: 100%
    }

    .cloud .login-form .btn-default {
        display: none
    }

    .reg-form .btn-wrapper .btn {
        width: 100%
    }

    .reg-form .btn-wrapper p {
        color: #7f7f7f;
        font-size: 14px;
        line-height: 18px;
        text-align: center
    }

    .reg-form .btn-wrapper .agreement {
        cursor: pointer;
        margin: 20px 0 0;
        position: relative
    }

    .v2 .reg-form .btn-wrapper .agreement .checkbox {
        top: -2px;
        left: 24px
    }

    .reg-form .btn-wrapper {
        margin: 0
    }

    .reg-form .btn-wrapper .tologin {
        margin: 20px 0 0
    }

    .reg-form .btn-wrapper .tologin a {
        color: #7f7f7f;
        display: block
    }

    .reg-form .btn-wrapper .tologin a span {
        background: #c6c6c6;
        color: #fff;
        margin: 0 5px;
        padding: 2px 4px;
        border-radius: 4px;
        font-weight: 400
    }

    .reg-form .btn-wrapper .tologin a:hover span {
        background: #436fcf
    }

    .v2.auth-page .dialog .content {
        margin: 13px 0 0
    }

    .v2.auth-page .dialog .content form>div {
        margin: 0 12px 0
    }

    .v2.auth-page .dialog .content .auth {
        margin: 5px 0 0
    }

    .auth ul {
        background-color: #fff;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        padding: 0 0 0 22px;
        margin-bottom: 18px
    }

    .auth li {
        clear: both;
        cursor: pointer;
        line-height: 22px;
        padding: 20px 0;
        border-bottom: 1px solid #ececec
    }

    .auth li:last-child {
        border-bottom: none
    }

    .auth li .radio {
        margin-right: 5px
    }

    .auth li p {
        display: inline-block;
        margin-left: 10px;
        color: #333
    }

    .v2 .auth .btn-wrapper {
        margin: 0 13px
    }

    .auth .btn-wrapper .btn {
        width: 100%
    }

    .valid-mail {
        text-align: center
    }

    .valid-mail .view {
        padding-bottom: 25px
    }

    .valid-mail .view .btn {
        margin: 0 1px 0
    }

    .valid-mail .resend .btn {
        margin: 0 1px 12px
    }

    .valid-mail h3 {
        background: url(../img/v2/m/ok_cb51bbf5f2.png) top center no-repeat;
        background-size: 61px;
        text-align: center;
        font-weight: 400;
        padding: 101px 0 0;
        margin-top: 78px;
        font-size: 20px;
        color: #2f2f2f;
        line-height: 1em
    }

    .valid-mail h5 {
        color: #757575;
        line-height: 1.5em;
        font-size: 14px;
        text-align: center;
        margin: 9px auto 0;
        width: 240px
    }

    .valid-mail h5 b {
        display: none
    }

    .valid-mail ul {
        position: fixed;
        bottom: 12px;
        width: 100%;
        left: 0
    }

    .valid-mail .view .btn {
        width: 95%;
        margin: 0 auto 10px;
        height: 52px;
        line-height: 52px;
        font-size: 16px
    }

    .valid-mail .view ul li:last-child .btn {
        margin-bottom: 0
    }

    .valid-mobile .btn {
        width: 100%
    }

    .valid-question h3 {
        border-bottom: #dedede solid 1px;
        color: #696969;
        font-weight: 400;
        height: 18px;
        margin: 0 0 30px;
        padding-bottom: 20px;
        text-align: center;
        position: relative
    }

    .valid-question h3 a {
        font-size: 14px;
        position: absolute;
        top: 2px;
        right: 5px
    }

    .valid-question dt {
        line-height: 41px;
        color: #696969
    }

    .valid-question dd {
        margin-bottom: 13.3px;
        background: #fff
    }

    .valid-question dd input {
        padding: 0 15px
    }

    .valid-question .btn {
        width: 100%
    }

    .mod-nickname .common-form .placeholder {
        left: 15px
    }

    .mod-nickname .common-form .input input {
        padding: 0 15px
    }

    .mod-nickname .btn {
        width: 100%
    }

    .mod-password .common-form .placeholder {
        left: 15px
    }

    .mod-password .common-form .input input {
        padding: 0 15px
    }

    .mod-password .btn {
        width: 100%
    }

    .mod-fail h3,.mod-result h3 {
        background: url(../img/v2/m/ok_cb51bbf5f2.png) top center no-repeat;
        background-size: 61px;
        text-align: center;
        font-weight: 400;
        padding: 97px 0 0;
        margin-top: 129px;
        font-size: 23px;
        color: #2f2f2f;
        line-height: 1.4em
    }

    .mod-result .tip,.mod-result .tip-time {
        color: #7f7f7f;
        line-height: 1em;
        font-size: 14px;
        text-align: center;
        margin: 7px 0 0
    }

    .mod-result .tip {
        margin-top: 14px
    }

    .v2 .mod-result .btn-wrapper {
        position: fixed;
        bottom: 20px;
        left: 0;
        text-align: center;
        width: 100%
    }

    .mod-result .btn {
        width: 100%
    }

    .mod-fail h3 {
        background-image: url(../img/v2/m/error_339b39e69a.png)
    }

    .valid-user h3 {
        display: none
    }

    .valid-user .input .placeholder {
        left: 15px
    }

    .valid-user .input input {
        padding: 0 0 0 15px
    }

    .valid-user .btn {
        width: 100%
    }

    .mod-question dt {
        clear: both;
        font-size: 14px;
        line-height: 20px;
        margin: 0 0 10px
    }

    .mod-question dd {
        margin: 0 0 20px;
        position: relative
    }

    .mod-question dd .select {
        margin: 0 0 10px
    }

    .mod-question dd .input .placeholder {
        left: 15px
    }

    .mod-question dd .input input {
        padding: 0 15px
    }

    .mod-question dd .tips {
        display: none!important
    }

    .mod-question dd .tips p {
        background: url(../img/mobile/bg_icons_873c832874.png) no-repeat 0 -49px;
        color: #616161;
        font-size: 14px;
        padding: 0 0 0 20px
    }

    .mod-question .btn {
        width: 100%
    }

    .mod-settings li {
        margin-top: -5px;
        margin-bottom: 30px;
        padding-left: 34px;
        padding-bottom: 30px;
        line-height: 30px;
        background: url(../img/safe-status_e08488656c.png) 0 5px no-repeat;
        background-image: -webkit-image-set(url(../img/safe-status_e08488656c.png) 1x,url(../img/safe-status_e08488656c@2x.png) 2x);
        border-bottom: #dadada solid 1px
    }

    .mod-settings .last {
        border-bottom: none
    }

    .mod-settings .warning {
        background: url(../img/safe-status-problem_960ee47886.png) 21px 5px no-repeat;
        background-image: -webkit-image-set(url(../img/safe-status-problem_960ee47886.png) 1x,url(../img/safe-status-problem_960ee47886@2x.png) 2x)
    }

    .mod-settings h3 {
        font-size: 18px;
        font-weight: 400;
        color: #333
    }

    .mod-settings p {
        max-width: 420px;
        word-break: break-all
    }

    .mod-settings .options {
        text-align: right
    }

    .logout {
        height: 154px;
        padding: 20px 0 0;
        text-align: center
    }

    .logout h4 {
        background: url(../img/warning_2153f5d5c3.png) no-repeat;
        background-image: -webkit-image-set(url(../img/warning_2153f5d5c3.png) 1x,url(../img/retina/warning_2153f5d5c3@2x.png) 2x);
        display: inline-block;
        font-size: 16px;
        height: 50px;
        line-height: 50px;
        margin: 0 auto;
        padding: 0 0 0 60px
    }

    .logout .btn-wrapper {
        border-radius: 0 0 13px 13px;
        height: 51px;
        padding-top: 18px;
        background: #f1f1f1 url(../img/account-bottom-bar-bg_a005222e96.png) repeat-x;
        margin: 0;
        background-image: -webkit-image-set(url(../img/account-bottom-bar-bg_a005222e96.png) 1x,url(../img/account-bottom-bar-bg_a005222e96@2x.png) 2x);
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }

    .logout .btn-wrapper .btn {
        height: 38px;
        line-height: 38px;
        width: 85px
    }

    .logout .btn-wrapper .btn a {
        font-size: 14px
    }

    .logout .btn-wrapper .btn-primary {
        position: absolute;
        top: 18px;
        right: 10px
    }

    .logout .btn-wrapper .btn-default {
        position: absolute;
        top: 18px;
        left: 10px
    }
}

@media screen and (max-width: 359px) {
    .common-form li.captcha .input {
        width:61.875%
    }

    .common-form li.verification .input {
        width: 61.875%
    }

    .common-form .captcha .tips {
        width: 33.3333%
    }

    .common-form .verification .btn-default {
        width: 33.3333%
    }

    .reg-form .btn-wrapper .agreement .checkbox {
        left: 0
    }

    .common-form .password-repeat .tips p {
        padding: 0
    }

    .valid-question h3 a {
        position: static
    }

    .common-form .captcha .tips-verifycon {
        width: 33.3333%
    }
}

.guest .dialog {
    width: 704px;
    margin-left: -352px
}

.guest .dialog .content {
    padding: 20px
}

.guest .input input {
    width: 230px
}

.guest .btn {
    width: 150px;
    clear: none;
    padding: 1px;
    margin-bottom: 12px
}

.guest .btn-signin {
    float: right
}

.guest .btn-signup {
    float: left
}

.login-guest-wrapper:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.login-guest-wrapper .login-form {
    float: left;
    box-sizing: border-box;
    width: 351px;
    border-right: #d8d8d8 solid 1px;
    padding-right: 21px;
    padding-left: 10px
}

.login-guest-wrapper .register {
    width: 276px;
    float: right;
    padding-right: 5px
}

.login-guest-wrapper .register h3 {
    padding-top: 20px;
    font-size: 18px;
    line-height: 32px
}

.login-guest-wrapper .register p {
    font-size: 12px;
    line-height: 18px;
    padding-bottom: 30px
}

.login-guest-wrapper .register .btn {
    width: 272px
}

.register-guest-wrapper {
    padding: 210px 0 20px;
    background: url(../img/callback-3_0de5f5f21f.png) 130px 10px no-repeat
}

.avatar .dialog {
    width: 704px;
    height: 498px;
    margin-left: -352px
}

.avatar .dialog .content {
    padding: 45px 118px 114px 108px;
    height: 270px
}

.avatar .preview {
    width: 100px;
    float: left;
    position: relative
}

.avatar .region {
    width: 340px;
    height: 270px;
    float: right;
    background-color: #eee;
    border: #aaa solid 1px;
    overflow: hidden
}

.avatar .preview .container {
    width: 100px;
    height: 100px;
    background-image: url(../img/default-user-avatar_90ab0ccbbc.png);
    background-image: -webkit-image-set(url(../img/default-user-avatar_90ab0ccbbc.png) 1x,url(../img/default-user-avatar_90ab0ccbbc@2x.png) 2x);
    overflow: hidden
}

.avatar .preview>p {
    text-align: center;
    height: 45px;
    line-height: 45px;
    color: #000
}

.avatar .preview>.btn {
    width: 80px;
    height: 30px;
    margin-left: 10px
}

.avatar .preview>.btn a {
    line-height: 30px;
    font-size: 12px
}

.avatar .preview>.btn-default:hover a {
    box-shadow: inset 0 1px 1px #fbfbfb,inset 0 -2px 2px #d5d5d5
}

.avatar .preview>.btn.active a {
    transition: all 0s ease-in;
    -moz-transition: all 0s ease-in;
    -webkit-transition: all 0s ease-in;
    -o-transition: all 0s ease-in
}

.avatar .preview>.btn-default.active a {
    box-shadow: inset 0 2px 5px #aeaeae,inset 0 1px 1px #fbfbfb,inset 0 -2px 2px #d5d5d5
}

.avatar .preview input {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    bottom: 13px;
    left: 11px;
    width: 80px;
    height: 30px;
    cursor: pointer;
    box-sizing: border-box;
    border: 15px solid #000;
    overflow: hidden
}

.avatar .btn-wrapper {
    border-radius: 0 0 13px 13px;
    height: 51px;
    padding-top: 18px;
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #dcdcdc;
    background: linear-gradient(#fff,#f5f5f5);
    box-shadow: 0 -1px 4px rgba(0,0,0,.08)
}

.avatar .btn-wrapper .btn {
    height: 38px;
    line-height: 38px;
    width: 85px
}

.avatar .btn-wrapper .btn a {
    font-size: 16px
}

.avatar .btn-wrapper .btn-default,.avatar .btn-wrapper .btn-primary {
    position: absolute;
    top: 15px;
    right: 10px;
    width: 132px
}

.avatar .btn-wrapper .btn-default {
    left: 10px
}

.avatar .info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 25px;
    height: 36px;
    background-color: #fffbeb;
    border-top: 1px solid #ebdebc;
    border-bottom: 1px solid #ebdebc;
    z-index: -100;
    opacity: 0
}

.avatar .info>p {
    text-align: center;
    line-height: 36px;
    font-size: 12px;
    color: #918561
}

.avatar .info i {
    background-image: url(../img/close_cc36aeb152.png);
    background-image: -webkit-image-set(url(../img/close_cc36aeb152.png) 1x,url(../img/close_cc36aeb152@2x.png) 2x);
    display: inline-block;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 12px;
    height: 12px;
    cursor: pointer
}

.v2 .login .dialog,.v2 .login-v2 .dialog {
    margin-top: -300px
}

.v2 .bbs .dialog {
    background: url(../img/dialog-gray-bg_42c40b3eb6.png) #fff bottom repeat-x
}

.mobile-show,.v2 .dialog .title .close,.v2 .m-eye,.v2.bind-password .m-notice {
    display: none
}

.pc-show {
    display: block
}

.v2 .btn-wrapper .btn.btn-primary.disabled a:active,.v2 .btn-wrapper .btn.btn-primary.disabled a:hover {
    background: #81A8E4;
    background: -webkit-linear-gradient(#6f94e8,#5178df);
    background: -moz-linear-gradient(#6f94e8,#5178df);
    background: -ms-linear-gradient(#6f94e8,#5178df);
    background: -o-linear-gradient(#6f94e8,#5178df);
    background: linear-gradient(#6f94e8,#5178df)
}

.v2 .wrapper {
    background-image: url(../img/v2/bg_9b9dcb65ff.png);
    background-image: -webkit-image-set(url(../img/v2/bg_9b9dcb65ff.png) 1x,url(../img/v2/bg_9b9dcb65ff@2x.png) 2x);
    background-size: 100px;
    background-repeat: repeat;
    min-height: 800px;
    min-width: 630px
}

.v2.register .wrapper {
    min-height: 910px
}

.v2.register .common-form li.password-repeat {
    display: block
}

.v2.register .common-form li.password-repeat .icon {
    display: inline-block
}

.v2.register .common-form li.password-repeat .placeholder {
    left: 62px
}

.v2 .password .input input:-webkit-autofill,.v2 .password-repeat .input input:-webkit-autofill,.v2 .username .input input:-webkit-autofill,.v2 li.mail input:-webkit-autofill,.v2 li.password input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    -webkit-border-radius: 7px
}

.v2 .dialog {
    width: 450px;
    border: 1px solid #dadada;
    border-radius: 10px;
    top: 50%;
    left: 50%;
    margin-left: -225px;
    position: absolute
}

.v2 .dialog .title {
    background: linear-gradient(#fff,#f5f5f5);
    height: auto;
    overflow: visible;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.08);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.08);
    box-shadow: 0 1px 4px rgba(0,0,0,.08)
}

.v2 .dialog .title h4 {
    padding: 0;
    text-align: center;
    color: #666;
    border-bottom: 1px solid #dcdcdc;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-weight: 700
}

.v2 .dialog .content {
    padding: 30px 40px 24px
}

.v2 .input input {
    width: 293px;
    height: 20px;
    padding: 12px 12px 12px 15px
}

.v2.modify-name input {
    width: 100%;
    box-sizing: border-box
}

.v2 form.mod-password input[type=password] {
    width: calc(100% - 15px - 12px);
    width: 341px\9
}

.v2.login-v2 .common-form li.username input.indent {
    padding-right: 101px
}

.v2 .common-form li.captcha .input,.v2 .common-form li.verification .input {
    width: 228px
}

.v2 .common-form li.captcha .tips-verifycon {
    width: 132px
}

.v2 .common-form li.verification .btn-default {
    width: 130px;
    box-shadow: none
}

.v2 .common-form li.captcha .tips-verifycon img {
    width: auto;
    height: 40px;
    padding: 5px 0
}

.v2 .common-form li.captcha .input>input,.v2 .common-form li.verification input {
    width: 144px
}

.v2 .login-form .remember {
    margin: 15px 5px 25px
}

.v2 .checkbox,.v2 .checkbox a {
    background: url(../img/v2/checkbox_f49f6e4acf.png) 0 2px no-repeat;
    background-image: -webkit-image-set(url(../img/v2/checkbox_f49f6e4acf.png) 1x,url(../img/v2/checkbox_f49f6e4acf@2x.png) 2x)
}

.v2 .checkbox {
    background-position: 0 -18px
}

.mod-result .btn-wrapper,.v2 .info-wrapper,.v2.login-v2 .info-wrapper {
    box-shadow: 0 1px 0 rgba(256,256,256,.4) inset;
    border-top: 1px solid #d9d9d9;
    padding-top: 24px
}

.v2 .info-wrapper,.v2.login-v2 .info-wrapper {
    margin: 30px 0 0;
    padding-top: 23px
}

.v2 .info-wrapper p {
    color: #999
}

.v2 .info-wrapper>ul>li:first-child {
    float: left
}

.v2 .info-wrapper>ul>li {
    float: right
}

.v2 .copyright {
    display: block
}

.copyright {
    display: none;
    width: 100%;
    clear: both;
    color: #434d55;
    font-size: 12px;
    padding: 0 0 60px;
    position: absolute;
    bottom: 0;
    text-align: center
}

.copyright>div {
    display: inline-block;
    margin: 0 auto
}

.copyright h2,.copyright h3 {
    float: left;
    height: 15px;
    line-height: 15px;
    color: #757575
}

.copyright h3 {
    margin-left: 3px
}

.copyright .privacy {
    float: left;
    margin: 0 0 0 9px
}

.copyright .privacy li {
    float: left;
    font-weight: 300;
    line-height: 12px;
    padding: 1px 10px 0;
    border-left: 1px solid #ccc
}

.copyright h4 {
    clear: both;
    padding: 10px 0 0
}

.login-v2 .country-list {
    top: 287px
}

.login-v2 .dialog .title {
    position: relative;
    background-image: url(../img/v2/logo/smartisan_4ada7fecea.png);
    background-image: -webkit-image-set(url(../img/v2/logo/smartisan_4ada7fecea.png) 1x,url(../img/v2/logo/smartisan_4ada7fecea@2x.png) 2x);
    background-size: 160px;
    background-position: top center;
    background-repeat: no-repeat;
    height: 92px;
    margin: 23px 0 50px;
    padding: 75px 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.login-v2 .dialog .title.logo-contacts {
    background-image: url(../img/v2/logo/contacts_f66e2b6526.png);
    background-image: -webkit-image-set(url(../img/v2/logo/contacts_f66e2b6526.png) 1x,url(../img/v2/logo/contacts_f66e2b6526@2x.png) 2x)
}

.login-v2 .dialog .title.logo-radar {
    background-image: url(../img/v2/logo/radar_e2793475b1.png);
    background-image: -webkit-image-set(url(../img/v2/logo/radar_e2793475b1.png) 1x,url(../img/v2/logo/radar_e2793475b1@2x.png) 2x)
}

.login-v2 .dialog .title.logo-notes {
    background-image: url(../img/v2/logo/notes_cafaa7c2c7.png);
    background-image: -webkit-image-set(url(../img/v2/logo/notes_cafaa7c2c7.png) 1x,url(../img/v2/logo/notes_cafaa7c2c7@2x.png) 2x)
}

.login-v2 .dialog .title.logo-bbs {
    background-image: url(../img/v2/logo/bbs_b6e99aeb83.png);
    background-image: -webkit-image-set(url(../img/v2/logo/bbs_b6e99aeb83.png) 1x,url(../img/v2/logo/bbs_b6e99aeb83@2x.png) 2x)
}

.login-v2 .dialog .title.logo-cloud {
    background-image: url(../img/v2/logo/cloud_3841a36137.png);
    background-image: -webkit-image-set(url(../img/v2/logo/cloud_3841a36137.png) 1x,url(../img/v2/logo/cloud_3841a36137@2x.png) 2x);
    background-size: 118px auto;
    background-position: center 35px
}

.login-v2 .dialog .title.logo-locked {
    background-image: url(../img/v2/logo/locked_584533f69d.png);
    background-image: -webkit-image-set(url(../img/v2/logo/locked_584533f69d.png) 1x,url(../img/v2/logo/locked_584533f69d@2x.png) 2x)
}

.login-v2 .dialog .title h4 {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
    border-bottom: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    line-height: 1em;
    height: auto;
    color: #333;
    font-weight: 400
}

.login-v2 .dialog .content {
    padding: 0 40px 22px
}

.login-v2 .login-form .btn-wrapper {
    margin: 30px 0 0
}

.form-v2 .info-wrapper li,.form-v2 .info-wrapper li a {
    color: #999;
    font-size: 12px;
    line-height: 17px
}

.login-v2 .form-v2 .info-wrapper li a:hover {
    color: #406dd6
}

.form-v2.login-form .remember .forgotpassword {
    float: right;
    margin-right: 3px
}

.form-v2.login-form .remember .registercloud {
    margin-left: 0;
    float: right
}

.login-three::after {
    content: '';
    background-image: url(../img/v2/icons-hover_b6e43698ad.png);
    background-image: -webkit-image-set(url(../img/v2/icons-hover_b6e43698ad.png) 1x,url(../img/v2/icons-hover_b6e43698ad@2x.png) 2x)
}

.login-three li {
    width: 20px;
    height: 17px;
    margin-left: 15px;
    float: left;
    cursor: pointer;
    background-image: url(../img/v2/icons_86423c6fdc.png);
    background-image: -webkit-image-set(url(../img/v2/icons_86423c6fdc.png) 1x,url(../img/v2/icons_86423c6fdc@2x.png) 2x);
    background-size: 81px 17px;
    background-position: 1px 0;
    background-repeat: no-repeat;
    transition: all 1s ease
}

.login-three li:hover {
    background-image: url(../img/v2/icons-hover_b6e43698ad.png);
    background-image: -webkit-image-set(url(../img/v2/icons-hover_b6e43698ad.png) 1x,url(../img/v2/icons-hover_b6e43698ad@2x.png) 2x)
}

.login-three li.text {
    background-image: none;
    margin-left: 0;
    width: auto;
    color: #bbb;
    font-size: 100%;
    cursor: default;
    color: #999
}

.login-three li.wechat {
    margin-left: 10px
}

.login-three li.weibo {
    background-position: -30px 0
}

.login-three li.qq {
    background-position: -62px 0
}

.bind-password .common-form li.password-repeat {
    display: block
}

.bind-password .common-form li.password-repeat .icon {
    display: block
}

.bind-password .common-form li.password-repeat .icon i {
    background-position: -48px 0
}

.bind-password .common-form li.password-repeat .placeholder {
    left: 65px
}

.bind-account .reg-form .btn-wrapper,.bind-password .reg-form .btn-wrapper {
    margin-top: 30px
}

.v2 .common-form li.verification .input {
    width: 228px
}

.v2.modify-question .dialog {
    width: 470px
}

.v2 .avatar .dialog {
    width: 714px;
    margin-left: -357px
}

.v2 .smartisan-icon.gt {
    margin-top: -1px
}

.v2 .common-form li.captcha .tips-verifycon:hover:after,.v2 .common-form li.captcha .tips-verifycon:hover:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.common-form li.captcha .tips-verifycon:hover:before {
    background-color: rgba(0,0,0,.4)
}

.common-form li.captcha .tips-verifycon:hover:after {
    background-image: url(../img/v2/reload-img_a1b4744615.png);
    background-image: -webkit-image-set(url(../img/v2/reload-img_a1b4744615.png) 1x,url(../img/v2/reload-img_a1b4744615@2x.png) 2x);
    background-size: 24px auto;
    background-repeat: no-repeat;
    background-position: center
}

.common-form li.captcha .tips-verifycon.active:hover:after {
    transform: rotate(180deg);
    -webkit-transition: transform .6s ease;
    -moz-transition: transform .6s ease;
    -ms-transition: transform .6s ease;
    -o-transition: transform .6s ease;
    transition: transform .6s ease
}

.v2 .common-form .tips,.v2 .mod-question dd .tips {
    width: 328px;
    height: 50px;
    left: 0;
    top: 100%;
    z-index: 20;
    border: 1px solid #dadada;
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 9px 30px -6px rgba(0,0,0,.2),0 18px 20px -10px rgba(0,0,0,.04),0 18px 20px -10px rgba(0,0,0,.04),0 10px 20px -10px rgba(0,0,0,.04);
    -moz-box-shadow: 0 9px 30px -6px rgba(0,0,0,.2),0 18px 20px -10px rgba(0,0,0,.04),0 18px 20px -10px rgba(0,0,0,.04),0 10px 20px -10px rgba(0,0,0,.04);
    box-shadow: 0 9px 30px -6px rgba(0,0,0,.2),0 18px 20px -10px rgba(0,0,0,.04),0 18px 20px -10px rgba(0,0,0,.04),0 10px 20px -10px rgba(0,0,0,.04)
}

.v2 .common-form .tips {
    width: 349px
}

.v2 .mod-question dd .tips {
    left: 195px
}

.v2 .common-form .tips .delta,.v2 .mod-question dd .tips .delta {
    width: 20px;
    height: 20px;
    top: -6px;
    left: 67px;
    border: 1px solid #dadada;
    background-color: #fff;
    box-shadow: none
}

.v2 .mod-question dd .tips.no-icon .delta {
    left: 18px
}

.v2 .common-form .tips.no-icon .delta {
    left: 22px
}

.v2 .common-form .tips .verifycon,.v2 .mod-question dd .tips .verifycon {
    z-index: 30;
    width: auto;
    padding: 0 0 0 15px;
    line-height: 50px;
    background: #fff;
    color: #999;
    border: 0;
    box-shadow: none;
    text-align: left;
    left: 0
}

.v2 .common-form li .tips .deltapatch,.v2 .common-form li .tips .warningicon,.v2 .mod-question dd .tips .deltapatch,.v2 .mod-question dd .tips .warningicon {
    display: none
}

.v2.login-v2 .tempInput {
    position: absolute;
    top: -99px;
    opacity: 0;
    -ms-ime-mode: disabled;
    ime-mode: disabled
}

.v2.bind-account .common-form li.username input.indent,.v2.modify-mobile .valid-user li.username input.indent,.v2.register .common-form li.username input.indent {
    top: -1px
}

.v2.safety .txt {
    color: #999;
    font-size: 18px;
    line-height: 30px
}

.v2.safety .btn-wrapper .btn {
    display: inline-block;
    width: calc((100% - 15px)/2)
}

.v2.safety .btn-wrapper .btn:last-child {
    float: right
}

.v2.login-v2 [type=text] {
    -ms-ime-mode: disabled;
    ime-mode: disabled
}

@media screen and (max-width: 736px) and (max-device-width:736px),screen and (max-width:736px) and (-webkit-min-device-pixel-ratio:2.0) {
    a:hover {
        color:#5079d9
    }

    .v2 .reg-form .btn-wrapper .tologin a span:active,a:active {
        color: #406dd6
    }

    .pc-show,.v2 .copyright {
        display: none
    }

    .mobile-show {
        display: block
    }

    body.v2 {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

    .v2 .wrapper {
        min-width: inherit;
        height: 100%;
        min-height: 400px;
        background-image: url(../img/v2/m/bg_66b2175241.jpg)
    }

    .v2 .wrapper>.dialog {
        width: auto
    }

    .wrapper .dialog.dialog-shadow {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

    .v2 .dialog,.v2.modify-question .dialog {
        width: auto;
        margin: 0;
        border: none;
        position: static
    }

    .v2 .input {
        height: 44px
    }

    .v2 .input input {
        height: 44px
    }

    .bind-password .common-form li.password-repeat .placeholder,.v2 .input .placeholder,.v2.register .common-form li.password-repeat .placeholder {
        line-height: 44px;
        left: 10px
    }

    .v2 .common-form li {
        margin: 0 0 12px;
        overflow: hidden
    }

    .v2 .common-form .input input,.v2 .common-form li.captcha .input>input,.v2 .common-form li.username input.indent,.v2 .common-form li.verification input {
        padding: 0 10px;
        width: 100%
    }

    .v2 .common-form .input input {
        font-size: 15px
    }

    .v2 .common-form li.username .ccc {
        left: 0;
        line-height: 44px
    }

    .v2.login-v2 .common-form li.username .ccc {
        z-index: 5
    }

    .v2 .common-form li.username input.indent {
        padding-left: 55px
    }

    .v2 .common-form li.username .placeholder.indent {
        left: 55px
    }

    .v2 .input .warning {
        top: 12px
    }

    .v2 .common-form li.username .country {
        line-height: 44px
    }

    .v2 .country-list {
        top: 116px;
        right: 12px
    }

    .v2 .dialog .title,.v2.login-v2 .dialog .title {
        background-color: #1d1d1d;
        background-image: none;
        margin: 0;
        padding: 0;
        height: auto
    }

    .v2 .dialog .title h4 {
        text-indent: inherit;
        position: static;
        color: #fff;
        font-size: 20px;
        line-height: 2.8em;
        font-weight: 400
    }

    .v2 .dialog .content {
        margin: 14px 12px 0;
        padding: 0
    }

    .bind-password .common-form li.password-repeat .icon,.v2 .common-form li .icon,.v2.register .common-form li.password-repeat .icon {
        display: none
    }

    .login-v2 .input {
        border: 0
    }

    .login-v2 .common-form li.password,.login-v2 .common-form li.username,.v2 .common-form li .input,.v2.auth-page .valid-question li,.v2.bind-password .common-form li.password,.v2.bind-password .common-form li.password-repeat {
        background-color: #fff;
        border: 1px solid #d1d1d1
    }

    .v2 .common-form li .input {
        border-radius: 4px;
        box-shadow: 0 3px 5px -4px rgba(0,0,0,.4) inset,-1px 0 3px -2px rgba(0,0,0,.1) inset
    }

    .login-v2 .common-form li.password .input,.login-v2 .common-form li.username .input,.v2.auth-page .valid-question li .input,.v2.bind-password .common-form li.password .input,.v2.bind-password .common-form li.password-repeat .input {
        background: 0 0;
        border: none;
        border-top: 1px solid #ECECEC;
        border-radius: 0;
        box-shadow: -1px 0 3px -2px rgba(0,0,0,.1) inset,1px 0 3px -2px rgba(0,0,0,.1) inset
    }

    .login-v2 .common-form li.username .input,.v2.auth-page .valid-question li .input,.v2.bind-password .common-form li.password .input {
        border-top: 0;
        box-shadow: 0 3px 5px -4px rgba(0,0,0,.4) inset,-1px 0 3px -2px rgba(0,0,0,.1) inset
    }

    .login-v2 .common-form li.password .input,.v2.bind-password .common-form li.password-repeat .input {
        border-top: 1px solid #ECECEC!important
    }

    .v2 .common-form li.captcha .input,.v2 .common-form li.verification .input {
        width: 60.6%
    }

    .v2 .common-form li.captcha .tips-verifycon,.v2 .common-form li.verification .btn-default {
        width: 36%;
        box-sizing: border-box
    }

    .v2 .common-form li.verification .btn-default {
        height: 46px;
        line-height: 46px;
        background: 0 0;
        border: 1px solid #d1d1d1
    }

    .v2 .common-form .verification .btn-default a,.v2 .common-form .verification .btn-default a:hover {
        font-size: 14px;
        color: #000;
        background: #CACDD1;
        background: -webkit-linear-gradient(#fcfcfc,#f7f7f7);
        background: -moz-linear-gradient(#fcfcfc,#f7f7f7);
        background: -ms-linear-gradient(#fcfcfc,#f7f7f7);
        background: -o-linear-gradient(#fcfcfc,#f7f7f7);
        background: linear-gradient(#fcfcfc,#f7f7f7);
        box-shadow: none
    }

    .v2 .common-form li.captcha .tips-verifycon img {
        height: 40px;
        width: auto;
        padding: 3px 0
    }

    .login-v2 .common-form li.username,.v2.auth-page .valid-question li:first-child,.v2.bind-password .common-form li.password {
        border-bottom: 0;
        border-radius: 6px 6px 0 0;
        margin-bottom: 0
    }

    .login-v2 .common-form li.password,.v2.auth-page .valid-question li:last-child,.v2.bind-password .common-form li.password-repeat {
        border-top: 0;
        border-radius: 0 0 6px 6px
    }

    .bind-account .reg-form .btn-wrapper,.bind-password .reg-form .btn-wrapper,.v2 .btn-wrapper {
        margin: 0
    }

    .v2 .checkbox,.v2 .checkbox a {
        background-image: url(../img/v2/m/checkbox_f49f6e4acf.png);
        background-size: 22px auto;
        width: 22px;
        height: 22px
    }

    .v2 .checkbox {
        background-position: 0 -25px
    }

    .v2 .checkbox a {
        background-position: 0 0
    }

    .v2 .login-form .remember {
        margin: 14px 12px 20px;
        height: 14px;
        overflow: visible
    }

    .login-form.form-v2 .remember .registercloud {
        right: 68px
    }

    .v2 form .remember .auto {
        color: #8f8f8f;
        padding-left: 30px
    }

    .v2 .reg-form .btn-wrapper .agreement .checkbox,.v2 form .remember .auto .checkbox {
        left: 0
    }

    .v2 .reg-form .btn-wrapper .agreement .checkbox {
        margin-right: 8px
    }

    .form-v2.login-form .remember a {
        color: #787878;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none
    }

    .form-v2 .btn-wrapper .btn,.v2 .btn-wrapper .btn {
        height: 53px;
        line-height: 53px
    }

    .form-v2 .btn-wrapper .btn a,.v2 .btn-wrapper .btn a {
        font-size: 18px;
        text-shadow: 0 -1px rgba(0,0,0,.2);
        height: 51px;
        line-height: 51px;
        border-radius: 6px
    }

    .form-v2 .btn-wrapper .btn a:hover,.v2 .btn-wrapper .btn a:hover {
        background: linear-gradient(#6f94e8,#5178df);
        box-shadow: none
    }

    .form-v2 .btn-wrapper .btn a:active,.v2 .btn-wrapper .btn a:active {
        background: linear-gradient(#5378d1,#5e83d4)
    }

    .v2 .info-wrapper {
        margin: 14px 0 0;
        padding: 0;
        border: 0;
        box-shadow: none
    }

    .v2.login-v2 .info-wrapper {
        box-shadow: none
    }

    .login-v2 .form-v2 .info-wrapper li a:hover {
        color: #767676
    }

    .login-v2 .form-v2 .info-wrapper li a:active {
        color: #406dd6
    }

    .form-v2 .info-wrapper li a {
        color: #767676
    }

    .login-three {
        position: fixed;
        margin: 0 auto;
        width: 124px;
        margin-right: -62px;
        right: 50%;
        bottom: 24px
    }

    .v2 .info-wrapper>ul>li:last-child {
        padding-right: 12px
    }

    .login-three li.text {
        display: none
    }

    .login-three li {
        background-image: url(../img/v2/m/icons_86423c6fdc.png);
        background-size: auto 40px;
        background-position: 0 0;
        width: 42px;
        height: 40px;
        margin: 0 10px
    }

    .login-three li:hover {
        background-image: url(../img/v2/m/icons_86423c6fdc.png)
    }

    .login-three li:active {
        background-image: url(../img/v2/m/icons-active_c985af0a21.png)
    }

    .login-three li.weibo {
        background-position: -59px 0
    }

    .login-three li.qq {
        background-position: -119px 0
    }

    .login-three li.wechat {
        display: none
    }

    .login-three.with-wechat {
        position: fixed;
        margin: 0 auto;
        width: 186px;
        margin-right: -93px;
        right: 50%;
        bottom: 23px
    }

    .login-three.with-wechat li.wechat {
        display: inline-block
    }

    .common-form .password .tips,.v2 .common-form .password-repeat .tips {
        display: none!important
    }

    .v2 .reg-form .btn-wrapper .agreement {
        text-align: left;
        margin: 10px 0 20px;
        padding: 0 11px
    }

    .v2 .reg-form .btn-wrapper .tologin {
        margin: 35px 0 0;
        padding-bottom: 20px
    }

    .v2 .reg-form .btn-wrapper .tologin a span {
        background: 0 0;
        color: #5079d9;
        margin: 0;
        padding: 0 4px;
        border-radius: 0
    }

    .v2.bind-account .info-wrapper,.v2.bind-password .info-wrapper {
        position: fixed;
        font-size: 14px;
        color: #7f7f7f;
        bottom: 20px;
        margin: 0;
        left: 0;
        padding: 0;
        width: 100%;
        text-align: center;
        box-shadow: none
    }

    .mod-result .btn-wrapper,.v2 .info-wrapper,.v2.login-v2 .info-wrapper {
        border: 0;
        box-shadow: none
    }

    .v2.login-v2 .info-wrapper {
        margin-top: 14px;
        padding-top: 0
    }

    .v2.bind-password .m-notice {
        display: block;
        line-height: 1.4em;
        margin: 0 0 22px 11px
    }

    .v2.bind-account .info-wrapper p,.v2.bind-password .info-wrapper p,.v2.bind-password .m-notice {
        color: #7f7f7f;
        font-size: 14px
    }

    .v2.bind-password .common-form li.password-repeat {
        margin-bottom: 8px
    }

    .v2.forgot-password .btn-wrapper .btn {
        width: 100%
    }

    .v2.forgot-password .info-wrapper {
        position: fixed;
        bottom: 15px;
        left: 0;
        width: 100%;
        text-align: center
    }

    .v2.auth-page .valid-question .change-q {
        position: absolute;
        top: 0;
        right: 26px;
        font-size: 13px;
        line-height: 51px
    }

    .form-v2 .info-wrapper li a,.v2 .login-form .remember .auto,.v2 .login-form .remember .forgotpassword,.v2 .login-form .remember .registercloud {
        font-size: 14px;
        color: #7f7f7f
    }

    .login-v2 .login-form .btn-wrapper {
        margin-top: 24px
    }

    .form-v2.login-form .remember .forgotpassword {
        margin-right: 0
    }

    .v2 .common-form li.captcha .tips-verifycon:hover:after,.v2 .common-form li.captcha .tips-verifycon:hover:before {
        content: none
    }

    .v2.register .wrapper {
        min-height: 590px
    }

    .common-form li.username .country {
        font-size: 12px
    }

    .v2.register .common-form li.password-repeat {
        display: none
    }

    .v2 .input .warning {
        position: fixed;
        top: auto;
        bottom: 48px;
        left: 50%;
        right: auto;
        width: auto;
        transform: translateX(-50%);
        text-align: center;
        background: #ffe8b4;
        background: linear-gradient(#ffebbd,#ffe7af);
        color: #6e5336;
        font-size: 13px;
        text-shadow: 0 -1px rgba(255,255,255,.2);
        border: 1px solid #cdbe9a;
        height: 34px;
        line-height: 37px;
        padding: 0 13px;
        -webkit-box-shadow: 0 2px 10px -4px rgba(0,0,0,.9),0 1px 20px -9px rgba(0,0,0,.7);
        box-shadow: 0 2px 10px -4px rgba(0,0,0,.9),0 1px 20px -9px rgba(0,0,0,.7);
        z-index: 100
    }

    .v2 .input .minWidth {
        min-width: 300px
    }

    .v2.bind-account .common-form li.username input.indent,.v2.modify-mobile .valid-user li.username input.indent,.v2.register .common-form li.username input.indent {
        top: auto
    }
}

@media screen and (max-height: 400px) and (-webkit-min-device-pixel-ratio:1.9) {
    .login-three {
        position:absolute;
        bottom: -60px
    }

    .v2.bind-account form,.v2.bind-password form {
        position: relative
    }

    .v2.bind-account .info-wrapper,.v2.bind-password .info-wrapper {
        position: absolute;
        bottom: -35px
    }
}

@charset "UTF-8";.personal {
    width: 100%;
    height: 100%
}

.personal .wrapper {
    background: 0 0
}

.personal .dialog.dialog-shadow {
    margin: 0!important
}

.personal .dialog {
    display: block;
    position: static;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0!important;
    background: 0 0;
    border-radius: 0;
    box-shadow: none
}

.personal .dialog .title {
    display: none
}

.personal .dialog .content {
    height: 100%!important;
    padding: 0;
    transform: none;
    transition: none
}

.personal {
    font-family: "PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Microsoft Yahei",å¾®è½¯é›…é»‘,STHeiti,åŽæ–‡ç»†é»‘,sans-serif
}

.personal .main {
    display: block;
    position: relative;
    height: 100%;
    min-width: 1240px;
    min-height: 640px
}

.personal .main .main-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 260px;
    height: 100%;
    z-index: 3;
    box-sizing: border-box;
    background: #f5f5f5;
    border-right: 1px solid #d2d2d2;
    box-shadow: 2px 0 3px rgba(0,0,0,.05)
}

.personal .main .main-right {
    position: relative;
    height: 100%;
    border-left: 260px solid #fff;
    padding: 50px 0 50px 50px;
    box-sizing: border-box;
    overflow-y: auto
}

.personal .main .main-left .sidebar {
    box-shadow: 1px 3px 5px rgba(0,0,0,.1) inset
}

.personal .main .main-left .sidebar .selected,.personal .main .main-left .sidebar li:hover {
    border-right: 1px solid rgba(0,0,0,.1);
    background: #799de4;
    color: #fff;
    margin-right: -1px
}

.personal .main .main-left .sidebar .selected a,.personal .main .main-left .sidebar li:hover a {
    color: #fff
}

.personal .main .main-left .sidebar li {
    height: 50px;
    font-size: 16px;
    background: 0 0;
    line-height: 49px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding-left: 20px;
    cursor: pointer
}

.personal .main .main-left .sidebar li a {
    color: #666;
    display: block;
    width: 100%;
    height: 100%;
    transform: none;
    transition: none
}

.personal .main .main-right .media {
    width: 100%;
    height: 110px;
    display: table
}

.personal .main .main-right .media .media-body,.personal .main .main-right .media .media-icon {
    display: table-cell;
    vertical-align: middle
}

.personal .main .main-right .media:last-child .media-body {
    border-bottom: 0
}

.personal .main .main-right .media:first-child {
    margin-top: -28px
}

.personal .main .main-right .media .media-icon {
    position: relative;
    width: 60px;
    padding-right: 38px;
    text-align: center
}

.personal .main .main-right .media .media-icon img {
    display: block;
    width: 100%;
    margin: 0
}

.personal .main .main-right .media .media-icon .icon-avatar {
    position: relative
}

.personal .main .main-right .media .media-icon .icon-avatar>img {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    border-radius: 50%
}

.personal .main .main-right .media .media-icon .icon-avatar:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    background: url(../img/personal/icons/avatar-frame_7c64d0a35f.png) no-repeat;
    background-size: 60px
}

.personal .main .main-right .media .media-icon .photography {
    position: absolute;
    content: '';
    right: 30px;
    bottom: 20px;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    cursor: pointer;
    background: url(../img/personal/icons/upload_2e1bf080c9.png) no-repeat
}

.personal .main .main-right .media .media-icon .photography:hover {
    background: url(../img/personal/icons/upload-hover_2f1a98295d.png) no-repeat
}

@media (-webkit-min-device-pixel-ratio: 1.9) {
    .personal .main .main-right .media .media-icon .icon-avatar:before {
        background:url(../img/personal/icons/avatar-frame_7c64d0a35f@2x.png);
        background-size: 60px
    }

    .personal .main .main-right .media .media-icon .photography {
        background: url(../img/personal/icons/upload_2e1bf080c9@2x.png);
        background-size: 31px
    }

    .personal .main .main-right .media .media-icon .photography:hover {
        background: url(../img/personal/icons/upload-hover_2f1a98295d@2x.png);
        background-size: 31px
    }
}

.personal .main .main-right .media .media-icon .icon-list {
    width: 30px;
    height: 30px;
    margin: 0 auto
}

.personal .main .main-right .media .media-icon .icon-list.icon-password-locked {
    background: url(../img/personal/icons/password-locked_13e43add5c.png)
}

.personal .main .main-right .media .media-icon .icon-list.icon-email {
    background: url(../img/personal/icons/email_9f10b2bd65.png)
}

.personal .main .main-right .media .media-icon .icon-list.icon-phone {
    background: url(../img/personal/icons/phone_3975e9eed1.png)
}

.personal .main .main-right .media .media-icon .icon-list.icon-safety-q {
    background: url(../img/personal/icons/safety-q_c81f08bea5.png)
}

@media (-webkit-min-device-pixel-ratio: 1.9) {
    .personal .main .main-right .media .media-icon .icon-list.icon-password-locked {
        background:url(../img/personal/icons/password-locked_13e43add5c@2x.png);
        background-size: 30px
    }

    .personal .main .main-right .media .media-icon .icon-list.icon-email {
        background: url(../img/personal/icons/email_9f10b2bd65@2x.png);
        background-size: 30px
    }

    .personal .main .main-right .media .media-icon .icon-list.icon-phone {
        background: url(../img/personal/icons/phone_3975e9eed1@2x.png);
        background-size: 30px
    }

    .personal .main .main-right .media .media-icon .icon-list.icon-safety-q {
        background: url(../img/personal/icons/safety-q_c81f08bea5@2x.png);
        background-size: 30px
    }
}

.personal .main .main-right .media .media-icon .icon-device-phone {
    width: 60px;
    height: 60px;
    margin: 0 auto
}

.personal .main .main-right .media .media-icon .icon-device-phone.M1-white {
    background: url(../img/personal/phone/phone-M1-white_e5a400df58.png)
}

.personal .main .main-right .media .media-icon .icon-device-phone.M1-golden {
    background: url(../img/personal/phone/phone-M1-golden_d2231dcf90.png)
}

.personal .main .main-right .media .media-icon .icon-device-phone.T2-black {
    background: url(../img/personal/phone/phone-T2-black_60526175c1.png)
}

.personal .main .main-right .media .media-icon .icon-device-phone.T1-black {
    background: url(../img/personal/phone/phone-T1-black_8c224c67e4.png)
}

.personal .main .main-right .media .media-icon .icon-device-phone.T1-white {
    background: url(../img/personal/phone/phone-T1-white_ff3ce2cd17.png)
}

.personal .main .main-right .media .media-icon .icon-device-phone.U1-black {
    background: url(../img/personal/phone/phone-U1-black_68e416bb34.png)
}

.personal .main .main-right .media .media-icon .icon-device-phone.U1-white {
    background: url(../img/personal/phone/phone-U1-white_8c33a5915a.png)
}

.personal .main .main-right .media .media-icon .icon-device-phone.U1-beige {
    background: url(../img/personal/phone/phone-U1-beige_dc1d30a1a8.png)
}

@media (-webkit-min-device-pixel-ratio: 1.9) {
    .personal .main .main-right .media .media-icon .icon-device-phone.M1-white {
        background:url(../img/personal/phone/phone-M1-white_e5a400df58@2x.png);
        background-size: 60px
    }

    .personal .main .main-right .media .media-icon .icon-device-phone.M1-golden {
        background: url(../img/personal/phone/phone-M1-golden_d2231dcf90@2x.png);
        background-size: 60px
    }

    .personal .main .main-right .media .media-icon .icon-device-phone.T2-black {
        background: url(../img/personal/phone/phone-T2-black_60526175c1@2x.png);
        background-size: 60px
    }

    .personal .main .main-right .media .media-icon .icon-device-phone.T1-black {
        background: url(../img/personal/phone/phone-T1-black_8c224c67e4@2x.png);
        background-size: 60px
    }

    .personal .main .main-right .media .media-icon .icon-device-phone.T1-white {
        background: url(../img/personal/phone/phone-T1-white_ff3ce2cd17@2x.png);
        background-size: 60px
    }

    .personal .main .main-right .media .media-icon .icon-device-phone.U1-black {
        background: url(../img/personal/phone/phone-U1-black_68e416bb34@2x.png);
        background-size: 60px
    }

    .personal .main .main-right .media .media-icon .icon-device-phone.U1-white {
        background: url(../img/personal/phone/phone-U1-white_8c33a5915a@2x.png);
        background-size: 60px
    }

    .personal .main .main-right .media .media-icon .icon-device-phone.U1-beige {
        background: url(../img/personal/phone/phone-U1-beige_dc1d30a1a8@2x.png);
        background-size: 60px
    }
}

.personal .main .main-right .media .media-body {
    position: relative;
    width: calc(100% - 60px - 38px);
    padding-right: 50px;
    border-bottom: 1px solid #e5e5e5
}

.personal .main .main-right .media .media-body .media-heading {
    font-size: 18px;
    color: #333;
    font-weight: 700;
    margin-bottom: 10px
}

.personal .main .main-right .media .media-body .media-desc {
    color: #999;
    font-size: 14px;
    line-height: 18px
}

.personal .main .main-right .media .media-body .actions-btn {
    position: absolute;
    top: 50%;
    right: 50px;
    margin-top: -17px
}

.personal .main .main-right .media .media-body .actions-btn .m-btn {
    font-size: 12px
}

.personal .main .main-right .media .media-body .media-online {
    position: relative;
    color: #999;
    font-size: 14px;
    padding-left: 20px
}

.personal .main .main-right .media .media-body .media-online:before {
    position: absolute;
    content: '';
    top: 0;
    left: -2px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: url(../img/personal/icons/online-red_77223d1a10.png)
}

.personal .main .main-right .media .media-body .media-online.on:before {
    background: url(../img/personal/icons/online-green_be924c6231.png)
}

.personal .main .main-right .media .media-body .media-online.off:before {
    background: url(../img/personal/icons/online-red_77223d1a10.png)
}

@media (-webkit-min-device-pixel-ratio: 1.9) {
    .personal .main .main-right .media .media-body .media-online:before {
        background:url(../img/personal/icons/online-red_77223d1a10@2x.png);
        background-size: 14px
    }

    .personal .main .main-right .media .media-body .media-online.on:before {
        background: url(../img/personal/icons/online-green_be924c6231@2x.png);
        background-size: 14px
    }

    .personal .main .main-right .media .media-body .media-online.off:before {
        background: url(../img/personal/icons/online-red_77223d1a10@2x.png);
        background-size: 14px
    }
}

.personal .main .main-right .media .media-body .m-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: text-bottom;
    background: no-repeat
}

.personal .main .main-right .media .media-body .m-icon.m-icon-checked {
    background: url(../img/personal/icons/checked_5dbf613a7f.png)
}

.personal .main .main-right .media .media-body .m-icon.m-icon-warning {
    background: url(../img/personal/icons/warning_2153f5d5c3.png)
}

@media (-webkit-min-device-pixel-ratio: 1.9) {
    .personal .main .main-right .media .media-body .m-icon.m-icon-checked {
        background:url(../img/personal/icons/checked_5dbf613a7f@2x.png);
        background-size: 24px
    }

    .personal .main .main-right .media .media-body .m-icon.m-icon-warning {
        background: url(../img/personal/icons/warning_2153f5d5c3@2x.png);
        background-size: 24px
    }
}

.personal .main .main-right .no-device {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 360px;
    height: 160px;
    margin-top: -160px;
    margin-left: -180px;
    text-align: center
}

.personal .main .main-right .no-device img {
    width: 60px;
    margin: 0 auto;
    margin-bottom: 15px
}

.personal .main .main-right .no-device h1 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px
}

.personal .main .main-right .no-device .no-device-msg {
    color: #999;
    font-size: 12px
}

.m-btn {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 34px;
    min-width: 80px;
    padding: 0;
    border-radius: 6px;
    border: 1px solid transparent;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-touch-callout: none;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: pointer;
    text-shadow: 0 1px 0 rgba(255,255,255,.496094);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.m-btn.active.focus,.m-btn.active:focus,.m-btn.focus,.m-btn:active.focus,.m-btn:active:focus,.m-btn:focus,.m-btn:visited.focus,.m-btn:visited:focus {
    outline: 0
}

.m-btn:focus,.m-btn:hover {
    text-decoration: none
}

.m-btn.active,.m-btn:active {
    background-image: none;
    outline: 0
}

.m-btn.m-btn-disabled,.m-btn:disabled {
    cursor: not-allowed;
    opacity: .4
}

.m-btn.m-btn-default {
    color: #666;
    background-color: #ececec;
    background: #f5f5f5;
    background: -webkit-linear-gradient(#fafafa,#f5f5f5);
    background: -moz-linear-gradient(#fafafa,#f5f5f5);
    background: -ms-linear-gradient(#fafafa,#f5f5f5);
    background: -o-linear-gradient(#fafafa,#f5f5f5);
    background: linear-gradient(#fafafa,#f5f5f5);
    -webkit-box-shadow: inset 0 1px rgba(255,255,255,.3);
    -moz-box-shadow: inset 0 1px rgba(255,255,255,.3);
    box-shadow: inset 0 1px rgba(255,255,255,.3);
    text-shadow: 0 1px 0 #fff;
    border: 1px solid #e1e1e1;
    transition: background-color .3s ease
}

.m-btn.m-btn-default:hover {
    background: #e1e1e1;
    background: -webkit-linear-gradient(#fafafa,#e1e1e1);
    background: -moz-linear-gradient(#fafafa,#e1e1e1);
    background: -ms-linear-gradient(#fafafa,#e1e1e1);
    background: -o-linear-gradient(#fafafa,#e1e1e1);
    background: linear-gradient(#fafafa,#e1e1e1);
    -webkit-box-shadow: inset 0 1px rgba(255,255,255,.3);
    -moz-box-shadow: inset 0 1px rgba(255,255,255,.3);
    box-shadow: inset 0 1px rgba(255,255,255,.3)
}

.m-btn.m-btn-default:active {
    background: #f5f5f5;
    background: -webkit-linear-gradient(#ddd,#f5f5f5);
    background: -moz-linear-gradient(#ddd,#f5f5f5);
    background: -ms-linear-gradient(#ddd,#f5f5f5);
    background: -o-linear-gradient(#ddd,#f5f5f5);
    background: linear-gradient(#ddd,#f5f5f5);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.m-btn.m-btn-primary {
    color: #fff;
    background: #5f7ed7;
    background: #527ed9;
    background: -webkit-linear-gradient(#6f97e5,#527ed9);
    background: -moz-linear-gradient(#6f97e5,#527ed9);
    background: -ms-linear-gradient(#6f97e5,#527ed9);
    background: -o-linear-gradient(#6f97e5,#527ed9);
    background: linear-gradient(#6f97e5,#527ed9);
    -webkit-box-shadow: inset 0 1px 2px #7ea1e8;
    -moz-box-shadow: inset 0 1px 2px #7ea1e8;
    box-shadow: inset 0 1px 2px #7ea1e8;
    text-shadow: 0 -1px 0 #4f70b3
}

.m-btn.m-btn-primary:hover {
    -webkit-box-shadow: inset 0 1px 1px #7696de,inset 0 0 2px #627dca,inset 0 -2px 3px #5a77c7,inset 0 0 100px rgba(48,77,147,.4);
    -moz-box-shadow: inset 0 1px 1px #7696de,inset 0 0 2px #627dca,inset 0 -2px 3px #5a77c7,inset 0 0 100px rgba(48,77,147,.4);
    box-shadow: inset 0 1px 1px #7696de,inset 0 0 2px #627dca,inset 0 -2px 3px #5a77c7,inset 0 0 100px rgba(48,77,147,.4)
}

.m-btn.m-btn-primary:active {
    -webkit-box-shadow: inset 0 1px 1px #5378d2,inset 0 0 2px #627dca,inset 0 0 100px rgba(25,108,232,.5);
    -moz-box-shadow: inset 0 1px 1px #5378d2,inset 0 0 2px #627dca,inset 0 0 100px rgba(25,108,232,.5);
    box-shadow: inset 0 1px 1px #5378d2,inset 0 0 2px #627dca,inset 0 0 100px rgba(25,108,232,.5)
}

.m-btn.m-btn-warning {
    color: #fff;
    background: #c17025;
    background: -webkit-linear-gradient(#f6b972,#c17025);
    background: -moz-linear-gradient(#f6b972,#c17025);
    background: -ms-linear-gradient(#f6b972,#c17025);
    background: -o-linear-gradient(#f6b972,#c17025);
    background: linear-gradient(#f6b972,#c17025);
    -webkit-box-shadow: inset 0 1px 3px #f8cb97,inset 0 -2px 3px #dc8d42;
    -moz-box-shadow: inset 0 1px 3px #f8cb97,inset 0 -2px 3px #dc8d42;
    box-shadow: inset 0 1px 3px #f8cb97,inset 0 -2px 3px #dc8d42;
    text-shadow: 0 -1px 0 #c17025
}

.m-btn.m-btn-warning:active,.m-btn.m-btn-warning:hover {
    -webkit-box-shadow: inset 0 1px 3px #f8cb97,inset 0 -2px 3px #dc8d42,inset 0 0 100px #df9348;
    -moz-box-shadow: inset 0 1px 3px #f8cb97,inset 0 -2px 3px #dc8d42,inset 0 0 100px #df9348;
    box-shadow: inset 0 1px 3px #f8cb97,inset 0 -2px 3px #dc8d42,inset 0 0 100px #df9348
}

.m-btn.m-btn-disabled,.m-btn.m-btn-disabled:active {
    color: #fff;
    background: #a9a9a9;
    background: -webkit-linear-gradient(#bfbfbf,#a9a9a9);
    background: -moz-linear-gradient(#bfbfbf,#a9a9a9);
    background: -ms-linear-gradient(#bfbfbf,#a9a9a9);
    background: -o-linear-gradient(#bfbfbf,#a9a9a9);
    background: linear-gradient(#bfbfbf,#a9a9a9);
    box-shadow: none;
    border: 1px solid #afafaf
}

.m-btn.m-btn-block {
    display: block;
    width: 100%
}

.m-btn-group .m-btn {
    font-size: 16px;
    line-height: 48px;
    width: calc((100% - 15px)/2)
}

.m-btn-group .m-btn:last-child {
    float: right
}

.m-form-control {
    display: block;
    width: 100%;
    padding: 14px;
    font-size: 16px;
    color: #464a4c;
    background-color: #fff;
    background-image: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity .3s ease-in;
    -moz-transition: opacity .3s ease-in;
    -ms-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
    -webkit-box-shadow: 0 3px 5px -4px rgba(0,0,0,.4) inset,-1px 0 3px -2px rgba(0,0,0,.1) inset;
    -moz-box-shadow: 0 3px 5px -4px rgba(0,0,0,.4) inset,-1px 0 3px -2px rgba(0,0,0,.1) inset;
    box-shadow: 0 3px 5px -4px rgba(0,0,0,.4) inset,-1px 0 3px -2px rgba(0,0,0,.1) inset;
    opacity: .618
}

.m-form-control:focus {
    opacity: 1;
    color: #464a4c;
    background-color: #fff;
    border-color: #799de4;
    outline: 0
}

.m-form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.m-form-control:-ms-input-placeholder,.m-form-control::-moz-placeholder,.m-form-control::-webkit-input-placeholder,.m-form-control::placeholder {
    color: #999;
    opacity: 1
}

.m-form-control:disabled,.m-form-control[readonly] {
    background-color: #eceeef;
    opacity: 1
}

.m-form-control:disabled {
    cursor: not-allowed
}

.input-item {
    position: relative
}

.input-item.invalid {
    border-color: #9cbaef
}

.input-item .item-warning {
    position: absolute;
    top: 14px;
    right: 10px;
    padding: 0 10px;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    border-radius: 4px;
    background: #80a4e5;
    opacity: 0;
    display: none;
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -ms-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear
}

.input-item .item-warning.in {
    opacity: 1
}

.m-dialog .m-dialog-content .captcha .input-item {
    float: left;
    width: calc(100% - 8px - 132px - 4px);
    margin-right: 8px
}

.m-dialog .m-dialog-content .captcha .tips-verifycon {
    position: relative;
    float: right;
    width: 132px;
    height: 48px;
    border: 1px solid rgba(204,204,204,.618);
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    text-align: center;
    cursor: pointer
}

.m-dialog .m-dialog-content .captcha .tips-verifycon>img {
    border: 0;
    max-width: 100%;
    max-height: 100%;
    height: 46px
}

.m-dialog .m-dialog-content .captcha .tips-verifycon:hover:after,.m-dialog .m-dialog-content .captcha .tips-verifycon:hover:before {
    content: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.m-dialog .m-dialog-content .captcha .tips-verifycon:hover:before {
    background-color: rgba(0,0,0,.4)
}

.m-dialog .m-dialog-content .captcha .tips-verifycon:hover:after {
    background-image: url(../img/v2/reload-img_a1b4744615.png);
    background-size: 24px auto;
    background-repeat: no-repeat;
    background-position: center
}

@media screen and (-webkit-min-device-pixel-ratio: 1.9) {
    .m-dialog .m-dialog-content .captcha .tips-verifycon:hover:after {
        background-image:url(../img/v2/reload-img_a1b4744615@2x.png)
    }
}

.m-dialog .m-dialog-content .captcha .tips-verifycon.active:hover:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: transform .6s ease;
    -moz-transition: transform .6s ease;
    -ms-transition: transform .6s ease;
    -o-transition: transform .6s ease;
    transition: transform .6s ease
}

.m-dialog {
    position: fixed;
    top: -9999px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 105;
    outline: 0;
    overflow: hidden;
    visibility: hidden
}

.m-dialog .hide {
    display: none
}

.m-dialog.fadein {
    visibility: visible;
    top: 0
}

.m-dialog.fadein .m-dialog-backdrop {
    opacity: 1
}

.m-dialog.fadein .m-dialog-content {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.m-dialog.m-bubble .m-dialog-header,.m-dialog.m-toast .m-dialog-header {
    display: none
}

.m-dialog.m-bubble .m-dialog-content,.m-dialog.m-toast .m-dialog-content {
    width: 330px\9;
    min-width: 260px;
    height: auto
}

@media screen and (min-width: 1px) {
    .m-dialog.m-bubble .m-dialog-content,.m-dialog.m-toast .m-dialog-content {
        right:initial;
        width: auto
    }
}

.m-dialog.m-bubble .m-dialog-body {
    font-size: 16px;
    line-height: 16px;
    padding: 25px;
    text-align: center
}

.m-dialog.m-bubble .m-dialog-body .m-error,.m-dialog.m-bubble .m-dialog-body .m-loading,.m-dialog.m-bubble .m-dialog-body .m-success {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    vertical-align: text-bottom
}

.m-dialog.m-bubble .m-dialog-body .m-loading {
    background: url(../img/v2/reload-img_a1b4744615.png);
    background-size: 18px;
    animation: spinner 2s linear infinite
}

.m-dialog.m-bubble .m-dialog-body .m-success {
    background: url(../img/v2/ok_cb51bbf5f2.png);
    background-size: 18px
}

.m-dialog.m-bubble .m-dialog-body .m-error {
    background: url(../img/v2/error_339b39e69a.png);
    background-size: 18px
}

.m-dialog.m-toast .m-dialog-content {
    min-width: initial;
    padding: 5px;
    border: 0
}

.m-dialog.m-toast .m-dialog-body {
    color: #b87612;
    font-size: 12px;
    text-align: center;
    line-height: 41px;
    padding: 0 20px;
    border: 1px solid #eed08b;
    border-radius: 7px;
    background: #fff6c7;
    text-shadow: 0 -1px rgba(255,255,255,.2);
    -webkit-box-shadow: 0 2px 10px -4px rgba(0,0,0,.5),0 1px 20px -9px rgba(0,0,0,.3);
    -moz-box-shadow: 0 2px 10px -4px rgba(0,0,0,.5),0 1px 20px -9px rgba(0,0,0,.3);
    box-shadow: 0 2px 10px -4px rgba(0,0,0,.5),0 1px 20px -9px rgba(0,0,0,.3)
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.m-dialog-open {
    overflow: hidden
}

.m-dialog-open .m-dialog {
    overflow-x: hidden;
    overflow-y: auto
}

.m-dialog-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.3);
    background: url(../img/personal/bg-backdrop_52fdfe6820.png);
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -ms-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear
}

.m-dialog-modal {
    position: relative;
    width: 100%;
    height: 100%
}

.m-dialog-content {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    margin: auto;
    width: 450px;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #9d9d9d;
    border-radius: 12px;
    outline: 0;
    overflow: auto;
    opacity: 0;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}

@media screen and (min-width: 1px) {
    .m-dialog-content {
        top:50%;
        left: 50%;
        right: 50%;
        margin: 0;
        -webkit-transform: translateX(-50%) translateY(-75%);
        -moz-transform: translateX(-50%) translateY(-75%);
        -ms-transform: translateX(-50%) translateY(-75%);
        -o-transform: translateX(-50%) translateY(-75%);
        transform: translateX(-50%) translateY(-75%)
    }
}

.m-dialog-content.m-dialog-shadow {
    -webkit-box-shadow: 0 9px 30px -6px rgba(0,0,0,.2),0 18px 20px -10px rgba(0,0,0,.04),0 18px 20px -10px rgba(0,0,0,.04),0 10px 20px -10px rgba(0,0,0,.04);
    -moz-box-shadow: 0 9px 30px -6px rgba(0,0,0,.2),0 18px 20px -10px rgba(0,0,0,.04),0 18px 20px -10px rgba(0,0,0,.04),0 10px 20px -10px rgba(0,0,0,.04);
    box-shadow: 0 9px 30px -6px rgba(0,0,0,.2),0 18px 20px -10px rgba(0,0,0,.04),0 18px 20px -10px rgba(0,0,0,.04),0 10px 20px -10px rgba(0,0,0,.04)
}

.m-dialog-content .m-dialog-header {
    position: relative;
    line-height: 60px;
    width: auto;
    height: 60px;
    border-bottom: 1px solid #dcdcdc;
    border-radius: 13px 13px 0 0;
    box-shadow: 0 1px 6px rgba(0,0,0,.06);
    color: #a0a0a0;
    padding: 0 35px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: -webkit-linear-gradient(bottom,#fff,#f5f5f5);
    background: -o-linear-gradient(bottom,#fff,#f5f5f5);
    background: -moz-linear-gradient(bottom,#fff,#f5f5f5);
    background: linear-gradient(to bottom,#fff,#f5f5f5);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFF5F5F5', GradientType=1)
}

.m-dialog-content .m-dialog-header::after {
    content: '';
    display: block;
    height: 0;
    clear: both
}

.m-dialog-content .m-dialog-header .close[data-dismiss=true] {
    position: absolute;
    top: 0;
    right: 23px;
    font-size: 24px;
    font-weight: 700;
    line-height: 60px;
    color: #e0e0e0;
    cursor: pointer;
    outline: 0
}

.m-dialog-content .m-dialog-header .close[data-dismiss=true]:hover {
    color: #e0e0e0
}

.m-dialog-content .m-dialog-header .m-dialog-headline {
    margin: 0;
    font-size: 18px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.m-dialog-content .m-dialog-body {
    position: relative;
    height: calc(100% - 60px);
    padding: 30px;
    color: #666;
    font-size: 14px;
    line-height: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.m-dialog .m-dialog-content.modify-avatar-size {
    width: 704px;
    height: 498px
}

.m-dialog .m-dialog-content.modify-avatar-size .m-dialog-body {
    padding: 45px 118px 114px 108px;
    height: 438px
}

.mb20 {
    margin-bottom: 20px
}

.mb30 {
    margin-bottom: 30px
}

.ptb15 {
    padding-top: 15px!important;
    padding-bottom: 15px!important
}

.txt {
    font-size: 14px;
    line-height: 24px
}
